Web 0.14.16: „Im Editor öffnen“ unter den Java-Beispielen in Lektion 4–19

CHANGELOG.md

@@ -8,6 +8,7 @@ The format is loosely inspired by Keep a Changelog.
 
 ### Changed
 
+- **Web 0.14.16, „Im Editor öffnen“ under the Java examples in lessons 4–19:** every runnable Java example in the lesson text of lessons 4–19 now has the button „Im Editor öffnen“ (like the Mia example in lesson 4), so students can run and change it in Programmieren. Not in lesson 18, whose examples are a method and its call on their own, and not in cloze texts or games (de/en/pt).
 - **Web 0.14.15, three kinds of errors, red line numbers and a light bulb with suggestions:** lesson 7 gets the new step „Drei Arten von Fehlern“ (syntax error, runtime error, logic error, with the app's own messages), a Kompetenz item and two quiz questions; lesson 20 explains the red line number and the light bulb and calls the debugger the tool for logic errors (plus Kompetenz and quiz question); lesson 22 calls an exception a runtime error; glossary entries Syntaxfehler, Laufzeitfehler, Logikfehler (de/en/pt). In the Code area the line number of an error turns red (syntax problems and the line where the run stopped), the console names the line of a runtime error (e.g. „Zeile 3: Division durch null.“), and a 💡 at the end of the line offers a fix when VisuStruct knows it (missing `import`, missing `Scanner … = new Scanner(System.in);`, missing `;` or `)`, misspelled data type such as `Strng` → `String`); hover shows it, a click applies it. The round red dot stays the breakpoint.
 - **Web 0.13.37, no coffee cup and a better camel in lesson 4:** the coffee cup drawing in step „Jetzt in Java“ is removed again (Holger's decision). The camel for camelCase is redrawn to look more like a camel: long legs with knees and broad feet, U-shaped neck, longer snout, tail with tuft.
 - **Web 0.13.34, camel for camelCase and coffee cup for Java in lesson 4:** below the Angeberwissen on CamelCase a drawing of a two-humped camel whose humps sit under the capitals of `preisMitSteuer` (en `priceWithTax`, pt `precoComIva`), with a caption (de/en/pt). Step „Jetzt in Java“ shows a steaming coffee cup with `{ }` on it (own drawing, deliberately not the Java logo, which is an Oracle trademark), caption: „Java“ is American slang for coffee (de/en/pt). Own SVG drawings, no third-party licence.

web/lessons/de/04-variablen-und-datentypen.md

@@ -161,7 +161,7 @@ lösung: l05-einkauf-loesung.visustruct
 
 Ein Struktogramm ist ein Plan. In **Java** wird daraus ein Programm, das der Computer ausführt. Dein Einkauf aus der Übung sieht so aus:
 
-```java
+```java editor
 int anzahl = 3;
 double preis = 2.5;
 double gesamtPreis = anzahl * preis;

web/lessons/de/05-sequenz.md

@@ -86,7 +86,7 @@ lösung: l04-tauschen-loesung.visustruct
 
 Wie in Lektion 4 kannst du auch eine Sequenz direkt in Java schreiben. Das Tauschen von oben sieht so aus:
 
-```java
+```java editor
 int a = 5;
 int b = 9;
 int hilf = a;

web/lessons/de/06-eingabe-und-ausgabe.md

@@ -136,7 +136,7 @@ lösung: l06-mittelwert-loesung.visustruct
 
 So sieht das EVA-Beispiel vom Anfang in Java aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/08-verzweigung.md

@@ -108,7 +108,7 @@ lösung: l07-betrag-loesung.visustruct
 
 So sieht die Altersprüfung vom Anfang dieser Lektion in Java aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/09-bedingungen-verknuepfen.md

@@ -186,7 +186,7 @@ lösung: l08-schaltjahr-loesung.visustruct
 
 Das Jugendticket vom Anfang sieht in Java so aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/10-fallauswahl.md

@@ -92,7 +92,7 @@ Für „Alter ab 18“ brauchst du also weiter die Verzweigung. Du kannst nicht
 
 Der Getränkeautomat sieht in Java so aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/11-while-schleife.md

@@ -147,7 +147,7 @@ lösung: l16-countdown-loesung.visustruct
 
 Der Countdown vom Anfang dieser Lektion sieht in Java so aus:
 
-```java
+```java editor
 int zahl = 3;
 while (zahl > 0) {
     System.out.println(zahl);

web/lessons/de/12-do-while-schleife.md

@@ -87,7 +87,7 @@ lösung: l11-summe-loesung.visustruct
 
 Die Schleife, die trotzdem einmal läuft, sieht in Java so aus:
 
-```java
+```java editor
 int i = 10;
 do {
     System.out.println(i);

web/lessons/de/13-for-schleife.md

@@ -109,7 +109,7 @@ lösung: l16-summe-loesung.visustruct
 
 Die Summe von 1 bis n sieht in Java so aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/14-verschachteln.md

@@ -87,7 +87,7 @@ Genau dafür wurde das Struktogramm erfunden. Shneiderman fragte sich: Wenn man
 
 Das Zählen der geraden Zahlen sieht in Java so aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/15-arrays.md

@@ -155,7 +155,7 @@ lösung: l14-summe-max-loesung.visustruct
 
 Das Durchlaufen eines Arrays sieht in Java so aus:
 
-```java
+```java editor
 int[] zahlen = {2, 4, 6, 8, 10};
 for (int i = 0; i < zahlen.length; i++) {
     System.out.println(zahlen[i]);

web/lessons/de/16-zweidimensionale-arrays.md

@@ -120,7 +120,7 @@ lösung: kino-einmaleins-loesung.visustruct
 
 Der Kinosaal sieht in Java so aus:
 
-```java
+```java editor
 boolean[][] sitze = new boolean[3][5];
 sitze[0][2] = true;
 sitze[1][1] = true;

web/lessons/de/17-zeichenketten.md

@@ -166,7 +166,7 @@ lösung: zk-woerter-loesung.visustruct
 
 Die Methoden in dieser Lektion sind schon Java. Ein ganzes Programm mit einem Text sieht so aus:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/de/19-suchen-und-sortieren.md

@@ -128,7 +128,7 @@ lösung: ss-absteigend-loesung.visustruct
 
 Die lineare Suche aus der Übung sieht in Java so aus:
 
-```java
+```java editor
 int[] karten = {8, 4, 11, 4, 6};
 int gesucht = 4;
 int position = -1;

web/lessons/en/04-variablen-und-datentypen.md

@@ -161,7 +161,7 @@ lösung: l05-einkauf-loesung.visustruct
 
 A structure chart is a plan. In **Java** it becomes a program that the computer runs. Your shopping from the exercise looks like this:
 
-```java
+```java editor
 int count = 3;
 double price = 2.5;
 double totalPrice = count * price;

web/lessons/en/05-sequenz.md

@@ -86,7 +86,7 @@ lösung: l04-tauschen-loesung.visustruct
 
 As in lesson 4, you can also write a sequence directly in Java. The swap from above looks like this:
 
-```java
+```java editor
 int a = 5;
 int b = 9;
 int temp = a;

web/lessons/en/06-eingabe-und-ausgabe.md

@@ -136,7 +136,7 @@ lösung: l06-mittelwert-loesung.visustruct
 
 This is the IPO example from the start in Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/08-verzweigung.md

@@ -108,7 +108,7 @@ lösung: l07-betrag-loesung.visustruct
 
 This is the age check from the start of this lesson in Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/09-bedingungen-verknuepfen.md

@@ -186,7 +186,7 @@ lösung: l08-schaltjahr-loesung.visustruct
 
 The youth ticket from the start looks like this in Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/10-fallauswahl.md

@@ -92,7 +92,7 @@ So for “age 18 or older” you still need the branch. You cannot create a case
 
 The drinks machine looks like this in Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/11-while-schleife.md

@@ -147,7 +147,7 @@ lösung: l16-countdown-loesung.visustruct
 
 The countdown from the start of this lesson looks like this in Java:
 
-```java
+```java editor
 int number = 3;
 while (number > 0) {
     System.out.println(number);

web/lessons/en/12-do-while-schleife.md

@@ -87,7 +87,7 @@ lösung: l11-summe-loesung.visustruct
 
 The loop that still runs once looks like this in Java:
 
-```java
+```java editor
 int i = 10;
 do {
     System.out.println(i);

web/lessons/en/13-for-schleife.md

@@ -109,7 +109,7 @@ lösung: l16-summe-loesung.visustruct
 
 The sum from 1 to n looks like this in Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/14-verschachteln.md

@@ -87,7 +87,7 @@ This is exactly what the structure chart was invented for. Shneiderman asked him
 
 Counting the even numbers looks like this in Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/15-arrays.md

@@ -155,7 +155,7 @@ lösung: l14-summe-max-loesung.visustruct
 
 Going through an array looks like this in Java:
 
-```java
+```java editor
 int[] numbers = {2, 4, 6, 8, 10};
 for (int i = 0; i < numbers.length; i++) {
     System.out.println(numbers[i]);

web/lessons/en/16-zweidimensionale-arrays.md

@@ -120,7 +120,7 @@ lösung: kino-einmaleins-loesung.visustruct
 
 The cinema looks like this in Java:
 
-```java
+```java editor
 boolean[][] seats = new boolean[3][5];
 seats[0][2] = true;
 seats[1][1] = true;

web/lessons/en/17-zeichenketten.md

@@ -166,7 +166,7 @@ lösung: zk-woerter-loesung.visustruct
 
 The methods in this lesson already are Java. A whole program with a text looks like this:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/en/19-suchen-und-sortieren.md

@@ -128,7 +128,7 @@ lösung: ss-absteigend-loesung.visustruct
 
 The linear search from the exercise looks like this in Java:
 
-```java
+```java editor
 int[] cards = {8, 4, 11, 4, 6};
 int wanted = 4;
 int position = -1;

web/lessons/pt/04-variablen-und-datentypen.md

@@ -161,7 +161,7 @@ lösung: l05-einkauf-loesung.visustruct
 
 Um estrutograma é um plano. Em **Java** torna-se um programa que o computador executa. As tuas compras do exercício ficam assim:
 
-```java
+```java editor
 int quantidade = 3;
 double preco = 2.5;
 double precoTotal = quantidade * preco;

web/lessons/pt/05-sequenz.md

@@ -86,7 +86,7 @@ lösung: l04-tauschen-loesung.visustruct
 
 Tal como na lição 4, também podes escrever uma sequência diretamente em Java. A troca de cima fica assim:
 
-```java
+```java editor
 int a = 5;
 int b = 9;
 int aux = a;

web/lessons/pt/06-eingabe-und-ausgabe.md

@@ -136,7 +136,7 @@ lösung: l06-mittelwert-loesung.visustruct
 
 O exemplo EPS do início fica assim em Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/08-verzweigung.md

@@ -108,7 +108,7 @@ lösung: l07-betrag-loesung.visustruct
 
 Esta é a verificação da idade do início desta lição em Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/09-bedingungen-verknuepfen.md

@@ -186,7 +186,7 @@ lösung: l08-schaltjahr-loesung.visustruct
 
 O bilhete jovem do início fica assim em Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/10-fallauswahl.md

@@ -92,7 +92,7 @@ Por isso, para “idade 18 ou mais” continuas a precisar da decisão. Não pod
 
 A máquina de bebidas fica assim em Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/11-while-schleife.md

@@ -147,7 +147,7 @@ lösung: l16-countdown-loesung.visustruct
 
 A contagem decrescente do início desta lição fica assim em Java:
 
-```java
+```java editor
 int numero = 3;
 while (numero > 0) {
     System.out.println(numero);

web/lessons/pt/12-do-while-schleife.md

@@ -87,7 +87,7 @@ lösung: l11-summe-loesung.visustruct
 
 O ciclo que corre mesmo assim uma vez fica assim em Java:
 
-```java
+```java editor
 int i = 10;
 do {
     System.out.println(i);

web/lessons/pt/13-for-schleife.md

@@ -109,7 +109,7 @@ lösung: l16-summe-loesung.visustruct
 
 A soma de 1 até n fica assim em Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/14-verschachteln.md

@@ -87,7 +87,7 @@ Foi exatamente para isto que o estrutograma foi inventado. Shneiderman perguntou
 
 Contar os números pares fica assim em Java:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/15-arrays.md

@@ -155,7 +155,7 @@ lösung: l14-summe-max-loesung.visustruct
 
 Percorrer um array fica assim em Java:
 
-```java
+```java editor
 int[] numeros = {2, 4, 6, 8, 10};
 for (int i = 0; i < numeros.length; i++) {
     System.out.println(numeros[i]);

web/lessons/pt/16-zweidimensionale-arrays.md

@@ -120,7 +120,7 @@ lösung: kino-einmaleins-loesung.visustruct
 
 A sala de cinema fica assim em Java:
 
-```java
+```java editor
 boolean[][] lugares = new boolean[3][5];
 lugares[0][2] = true;
 lugares[1][1] = true;

web/lessons/pt/17-zeichenketten.md

@@ -166,7 +166,7 @@ lösung: zk-woerter-loesung.visustruct
 
 Os métodos desta lição já são Java. Um programa completo com um texto fica assim:
 
-```java
+```java editor
 import java.util.Scanner;
 Scanner scanner = new Scanner(System.in);
 

web/lessons/pt/19-suchen-und-sortieren.md

@@ -128,7 +128,7 @@ lösung: ss-absteigend-loesung.visustruct
 
 A pesquisa linear do exercício fica assim em Java:
 
-```java
+```java editor
 int[] cartas = {8, 4, 11, 4, 6};
 int procurada = 4;
 int posicao = -1;