Click here for free DL of the app version that can save data.

No:36597

←

Prev Next

→

Mathematic
Developer User16837｜Date and time 24/1/18 1:15:36
Build time 15.439 sec｜Game capacity 2.756KB｜

Script

Okay, ich werde das als einfaches Ratespiel programmieren. Hier ist der Code:

Ratespiel

Errate die Pictogramm-Aufgabe:

Dieses HTML-File implementiert ein einfaches Ratespiel, bei dem der Benutzer die Aufgabe in Form eines Pictogramms erraten muss. Der Benutzer gibt seine Antwort in einem Textfeld ein und klickt auf den Absenden-Button, um zu überprüfen, ob die Antwort korrekt ist. Korrekte Antworten werden bestätigt und der Benutzer wird zur nächsten Aufgabe weitergeleitet, während falsche Antworten eine Fehlermeldung anzeigen und der Benutzer die Möglichkeit haben, es erneut zu versuchen. Die Pictogramm-Aufgaben sind in einem Array von Objekten gespeichert. Jedes Objekt enthält ein Pictogramm in Emoji-Form sowie die korrekte Antwort. Das Spiel beginnt mit der ersten Aufgabe und geht dann in einer Endlosschleife weiter, wobei der Spieler die verschiedenen Aufgaben erraten kann, bis er das Spiel beendet. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

Okay, ich werde das als einfaches Ratespiel programmieren. Hier ist der Code:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ratespiel</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/emoji.css/dist/emoji.min.css">
</head>
<body>
  <h1>Ratespiel</h1>
  <div id="game-container">
    <div id="instructions">Errate die Pictogramm-Aufgabe:</div>
    <div id="task"></div>
    <input type="text" id="guess-input" placeholder="Deine Antwort">
    <button id="submit-btn">Absenden</button>
    <div id="result"></div>
  </div>

const taskContainer = document.getElementById("task");
    const guessInput = document.getElementById("guess-input");
    const submitBtn = document.getElementById("submit-btn");
    const resultContainer = document.getElementById("result");

let currentTaskIndex = 0;

startGame();

function startGame() {
      displayTask();
      submitBtn.addEventListener("click", checkAnswer);
    }

function displayTask() {
      taskContainer.innerHTML = tasks[currentTaskIndex].emoji;
    }

function checkAnswer() {
      const userInput = guessInput.value.toLowerCase();
      const correctAnswer = tasks[currentTaskIndex].answer.toLowerCase();

if (userInput === correctAnswer) {
        resultContainer.innerHTML = "Richtig! Nächste Aufgabe:";
        guessInput.value = "";
        currentTaskIndex = (currentTaskIndex + 1) % tasks.length;
        displayTask();
      } else {
        resultContainer.innerHTML = "Falsch! Versuche es erneut.";
      }
    }
  </script>
</body>
</html>
```

Die Pictogramm-Aufgaben sind in einem Array von Objekten gespeichert. Jedes Objekt enthält ein Pictogramm in Emoji-Form sowie die korrekte Antwort. Das Spiel beginnt mit der ersten Aufgabe und geht dann in einer Endlosschleife weiter, wobei der Spieler die verschiedenen Aufgaben erraten kann, bis er das Spiel beendet.

Viel Spaß beim Spielen!