Olá amigos.
Estou aprendendo a programar a pouco tempo. Depois de ler um pouco e com a ajuda de alguns amigos, achei esse joguinho simples pra estudar. Estou usando o editor de texto padrão do Mac, salvei o arquivo em HTML, e ao tentar rodar no Google Chrome, ele apenas repete todo o código que escrevi. Vou deixar um print de como está sendo exibido meu arquivo no Chrome, além de todo o script em citação abaixo.
Desde já agradeço pela ajuda.
<!DOCTYPE html>
<html>
<head>
<title>Jogo de Gramática</title>
<script>
function checkAnswer() {
var answers = ["Verbo", "Substantivo", "Adjetivo", "Advérbio"];
var score = 0;
var input = document.getElementById("answer").value;
for (var i = 0; i < answers.length; i++) {
if (input === answers[i]) {
score++;
break;
}
}
document.getElementById("score").innerHTML = "Você acertou " + score + " de 4 perguntas.";
}
</script>
</head>
<body>
<h1>Jogo de Gramática</h1>
<p>Qual desses é um verbo em português?</p>
<input type="text" id="answer">
<button onclick="checkAnswer()">Enviar</button>
<p id="score"></p>
</body>
</html>