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

No:8790

243

←

Prev Next

→

Funeral to live
Developer User3887｜Date and time 23/7/18 8:02:47
Build time 32.317 sec｜Game capacity 3.561KB｜

Script

Aquí tienes un ejemplo de un simple juego implementado como un único archivo HTML, escrito en JavaScript y encerrado en etiquetas de script:

Juego de Adivinanza

Este juego muestra una serie de adivinanzas representadas por pictogramas y el jugador debe ingresar la respuesta correcta en un campo de texto. Si la respuesta es correcta, se mostrará un mensaje de éxito y pasará a la siguiente adivinanza. Al final del juego, se mostrará un mensaje indicando que se han completado todas las adivinanzas. Ten en cuenta que debes reemplazar `"emozi_bear.png"`, `"emozi_chicken.png"`, etc. con las rutas correctas a tus pictogramas. Además, puedes agregar más adivinanzas al array `riddles` si deseas ampliar el juego. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Aquí tienes un ejemplo de un simple juego implementado como un único archivo HTML, escrito en JavaScript y encerrado en etiquetas de script:

```html
<!DOCTYPE html>
<html>
<head>
<title>Juego de Adivinanza</title>
<style>
body {
  font-family: Arial, sans-serif;
  text-align: center;
}

h1 {
  color: #333;
}

#game-board {
  margin: 20px auto;
  width: 300px;
}

#message {
  margin-top: 10px;
  font-weight: bold;
  color: #f00;
}

button {
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 14px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer;
}
</style>
</head>
<body>
<h1>Juego de Adivinanza</h1>
<div id="game-board">
  <img id="pictogram" src="pictograma.png" alt="Pictograma de adivinanza">
  <input type="text" id="guess-input">
  <button id="check-button">Comprobar</button>
</div>
<p id="message"></p>

let currentRiddleIndex = 0; // Índice de la adivinanza actual

// Función para comprobar la respuesta del jugador
function checkAnswer() {
  const guessInput = document.getElementById("guess-input");
  const messageElement = document.getElementById("message");
  
  // Obtiene la respuesta esperada de la adivinanza actual
  const expectedAnswer = riddles[currentRiddleIndex].answer;
  
  // Obtiene la respuesta ingresada por el jugador
  const playerAnswer = guessInput.value.trim().toLowerCase();
  
  // Comprueba si la respuesta es correcta
  if (playerAnswer === expectedAnswer) {
    messageElement.style.color = "green";
    messageElement.textContent = "¡Respuesta correcta!";
  } else {
    messageElement.style.color = "red";
    messageElement.textContent = "Respuesta incorrecta. Inténtalo de nuevo.";
  }
  
  // Limpia el campo de ingreso de la respuesta
  guessInput.value = "";
  
  // Incrementa el índice de la adivinanza actual para pasar a la siguiente
  currentRiddleIndex++;
  
  // Verifica si se han agotado todas las adivinanzas y muestra un mensaje de finalización si es el caso
  if (currentRiddleIndex === riddles.length) {
    document.getElementById("check-button").disabled = true;
    messageElement.style.color = "blue";
    messageElement.textContent = "¡Has completado todas las adivinanzas!";
  } else {
    // Actualiza el pictograma y la pregunta con la siguiente adivinanza
    document.getElementById("pictogram").src = "pictograma" + (currentRiddleIndex + 1) + ".png";
    document.getElementById("guess-input").focus();
  }
}

// Asigna la función checkAnswer al evento 'click' del botón
document.getElementById("check-button").addEventListener("click", checkAnswer);

// Inicia el juego mostrando la primera adivinanza
document.getElementById("pictogram").src = "pictograma1.png";
</script>
</body>
</html>
```

Ten en cuenta que debes reemplazar `"pictograma.png"`, `"pictograma1.png"`, etc. con las rutas correctas a tus pictogramas. Además, puedes agregar más adivinanzas al array `riddles` si deseas ampliar el juego. ¡Diviértete jugando!