Html Koduyla Oyun Yazılabilirmi
Maalesef, HTML sadece bir işaretleme dilidir
ve oyun geliştirmek için gerekli olan işlevselliğe sahip değildir. Ancak, HTML, CSS ve JavaScript gibi web teknolojilerini kullanarak basit bir oyun oluşturabiliriz.
Örneğin, aşağıdaki kod bloğu, kullanıcının bir düğmeye tıkladığında rastgele bir sayıyı tahmin etmeye çalıştığı basit bir sayı tahmin oyununun HTML, CSS ve JavaScript kullanılarak nasıl oluşturulacağını göstermektedir:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sayı Tahmin Oyunu</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
color: navy;
}
</style>
</head>
<body>
<h1>Sayı Tahmin Oyunu</h1>
<p>Bir sayı tahmin edin (1-10):</p>
<input type="number" id="guessInput" min="1" max="10">
<button onclick="checkGuess()">Tahmin Et</button>
<p id="result"></p>
<script>
function checkGuess() {
// Rastgele bir sayı üret
var randomNumber = Math.floor(Math.random() * 10) + 1;
// Kullanıcının tahmini
var guess = document.getElementById("guessInput").value;
// Tahminin doğru olup olmadığını kontrol et
if (guess == randomNumber) {
document.getElementById("result").innerHTML = "Tebrikler! Doğru tahmin ettiniz.";
} else {
document.getElementById("result").innerHTML = "Üzgünüz, doğru cevap " + randomNumber + " olacaktı.";
}
}
</script>
</body>
</html>
Bu oyun basit bir HTML sayfası içinde yer alır ve h1 başlığı, bir açıklama paragrafı, bir giriş alanı, bir "Tahmin Et" düğmesi ve sonucu göstermek için bir p etiketi içerir. JavaScript kullanılarak, kullanıcının tahminini rastgele bir sayı ile karşılaştırarak sonucu belirleriz.
Yorumlar
Yorum Gönder