0% found this document useful (0 votes)
21 views3 pages

Tebak Angka Code

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views3 pages

Tebak Angka Code

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Tebak Angka Game HTML Code

<!DOCTYPE html>

<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Tebak Angka</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f0f0f0;

text-align: center;

padding: 50px;

input[type="number"] {

padding: 10px;

font-size: 16px;

width: 50px;

button {

padding: 10px 15px;

font-size: 16px;

cursor: pointer;

.result {

margin-top: 20px;
font-size: 18px;

color: green;

.message {

margin-top: 10px;

font-size: 18px;

color: red;

</style>

</head>

<body>

<h1>Tebak Angka!</h1>

<p>Saya telah memilih angka antara 1 dan 100. Coba tebak!</p>

<input type="number" id="guess" min="1" max="100">

<button onclick="checkGuess()">Tebak</button>

<div class="result" id="result"></div>

<div class="message" id="message"></div>

<script>

let randomNumber = Math.floor(Math.random() * 100) + 1;

let attempts = 0;

function checkGuess() {

const userGuess = parseInt(document.getElementById("guess").value);

const resultElement = document.getElementById("result");

const messageElement = document.getElementById("message");


attempts++;

if (userGuess === randomNumber) {

resultElement.textContent = `Selamat! Anda menebak angka ${randomNumber} dalam

${attempts} percobaan.`;

messageElement.textContent = '';

resetGame();

} else if (userGuess < randomNumber) {

messageElement.textContent = "Tebakan Anda terlalu rendah. Coba lagi!";

} else {

messageElement.textContent = "Tebakan Anda terlalu tinggi. Coba lagi!";

function resetGame() {

setTimeout(() => {

randomNumber = Math.floor(Math.random() * 100) + 1;

attempts = 0;

document.getElementById("guess").value = '';

document.getElementById("result").textContent = '';

document.getElementById("message").textContent = '';

}, 5000);

</script>

</body>

</html>

You might also like