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

No:1187

132

←

Prev Next

→

Educational math game
Developer User3274｜Date and time 23/6/18 7:16:48
Build time 37.79 sec｜Game capacity 3.528KB｜

Script

Matemática Divertida

Este jogo educativo de matemática é muito simples. O usuário deve clicar no botão "Começar o Jogo!" para iniciar o jogo. Em seguida, será mostrada uma operação matemática aleatória para ser resolvida, como "3 + 5 = ?". O usuário deve inserir a resposta no campo de texto e clicar no botão "Resposta". Se a resposta estiver correta, será mostrada a mensagem "verdadeiro" com um emoji de polegar para cima. Caso contrário, será mostrada a mensagem "falso" com o resultado correto e um emoji de coração partido. O jogo é responsivo e fácil de usar em um dispositivo móvel. Os números e operadores são exibidos em grande escala, e o campo de texto para a resposta também tem um tamanho suficiente para que o usuário possa inserir facilmente sua resposta. O uso de emojis adiciona um toque lúdico e divertido ao jogo.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Jogo de Matemática</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 2em;
			margin-bottom: 30px;
		}
		button {
			font-size: 1.5em;
			padding: 10px;
			display: block;
			margin: 20px auto;
			border-radius: 5px;
			border: none;
			background-color: #2196f3;
			color: white;
			cursor: pointer;
		}
		input {
			font-size: 1.5em;
			padding: 10px;
			display: block;
			margin: 20px auto;
			border-radius: 5px;
			border: none;
			outline: none;
			text-align: center;
			width: 80%;
			max-width: 300px;
		}
		.container {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			height: 80vh;
		}
		.math p {
			font-size: 2em;
			margin: 40px 10px;
		}
		.result {
			font-size: 2em;
			margin-top: 40px;
			color: #2196f3;
		}
	</style>
	<script>
		function init() {
			document.getElementById("start-btn").addEventListener("click", startGame);
		}
		function startGame() {
			document.getElementById("start-btn").style.display = "none";
			document.getElementById("math-form").style.display = "block";
			document.getElementById("result").innerText = "";
			document.getElementById("num1").value = Math.floor(Math.random() * 10) + 1;
			document.getElementById("num2").value = Math.floor(Math.random() * 10) + 1;
			document.getElementById("operator").value = ["+", "-", "×", "÷"][Math.floor(Math.random() * 4)];
		}
		function checkAnswer() {
			var num1 = parseInt(document.getElementById("num1").value);
			var num2 = parseInt(document.getElementById("num2").value);
			var operator = document.getElementById("operator").value;
			var result = eval(num1 + operator + num2);
			var answer = parseInt(document.getElementById("answer").value);
			if (result === answer) {
				document.getElementById("result").innerText = "ほんとうです！👍";
			} else {
				document.getElementById("result").innerText = "まちがいです。💔 正解は " + result + " です。";
			}
			document.getElementById("answer").value = "";
		}
		document.addEventListener("DOMContentLoaded", init);
	</script>
</head>
<body>
	<h1>Matemática Divertida</h1>
	<button id="start-btn">Começar o Jogo!</button>
	<div id="math-form" class="container" style="display: none;">
		<div class="math">
			<p id="num1"></p>
			<p id="operator"></p>
			<p id="num2"></p>
			<input type="number" id="answer" placeholder="Insira a resposta aqui" maxlength="2">
			<button onclick="checkAnswer()">Resposta</button>
			<p id="result"></p>
		</div>
	</div>
</body>
</html>

O jogo é responsivo e fácil de usar em um dispositivo móvel. Os números e operadores são exibidos em grande escala, e o campo de texto para a resposta também tem um tamanho suficiente para que o usuário possa inserir facilmente sua resposta. O uso de emojis adiciona um toque lúdico e divertido ao jogo.