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

No:6909

160

←

Prev Next

→

A language learning game where you learn Spanish b..ALL
Developer User3943｜Date and time 23/7/4 7:46:16
Build time 29.231 sec｜Game capacity 3.706KB｜

Script

Here's a sample game implemented in a single HTML file using JavaScript. It's a language learning game where you translate Spanish sentences. You can play it directly in your browser.

Spanish Translator Game

To play the game, simply copy the above code and save it as a `.html` file. Then, open the file in your web browser, and you'll be able to interact with the game. Each question will be displayed, and you need to enter the corresponding translation in the input field. After answering, click on the "Next" button to move to the next question. The program will provide feedback on whether your answer was correct or incorrect. Enjoy learning Spanish!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Here's a sample game implemented in a single HTML file using JavaScript. It's a language learning game where you translate Spanish sentences. You can play it directly in your browser.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Spanish Translator Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

h1 {
            text-align: center;
        }

#question {
            text-align: center;
            margin: 20px 0;
            font-size: 24px;
        }

#input {
            width: 400px;
            height: 40px;
            font-size: 20px;
            text-align: center;
            margin: 10px auto;
        }

#result {
            text-align: center;
            margin: 20px auto;
            font-size: 20px;
        }

#next-btn {
            display: block;
            margin: 20px auto;
            padding: 10px 20px;
            background-color: dodgerblue;
            color: white;
            font-size: 18px;
            border: 0;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Spanish Translator Game</h1>

let currentQuestionIndex = 0;

function startGame() {
            updateQuestion();
        }

function updateQuestion() {
            document.getElementById("input").value = "";
            document.getElementById("result").innerText = "";
            document.getElementById("question").innerText = questions[currentQuestionIndex].sentence;
        }

function nextQuestion() {
            const userInput = document.getElementById("input").value.trim().toLowerCase();
            const correctTranslation = questions[currentQuestionIndex].translation.toLowerCase();

if (userInput === correctTranslation) {
                document.getElementById("result").innerText = "Correct!";
            } else {
                document.getElementById("result").innerText = "Incorrect. The correct translation is: " + correctTranslation;
            }

currentQuestionIndex++;

if (currentQuestionIndex < questions.length) {
                updateQuestion();
            } else {
                document.getElementById("question").innerText = "Game Over!";
                document.getElementById("input").style.display = "none";
                document.getElementById("next-btn").style.display = "none";
            }
        }

startGame();
    </script>
</body>
</html>
```