[parsehtml]<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Adam Asmaca Oyunu</title>
<style>
bodyC {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
text-align: center;
}
#hangman {
height: 300px;
position: relative;
margin: 20px auto;
}
.hangman-part {
display: none;
position: absolute;
background-color: #333;
}
#scaffold {
display: block;
height: 10px;
width: 200px;
background: #333;
margin: 0 auto;
}
#head {
width: 50px;
height: 50px;
border-radius: 50%;
border: 10px solid #333;
top: 50px;
left: 50%;
margin-left: -25px;
}
#bodyC {
width: 10px;
height: 100px;
top: 110px;
left: 50%;
margin-left: -5px;
}
#left-arm, #right-arm {
width: 70px;
height: 10px;
top: 130px;
}
#left-arm {
transform: rotate(30deg);
left: calc(50% - 60px);
}
#right-arm {
transform: rotate(-30deg);
right: calc(50% - 60px);
}
#left-leg, #right-leg {
width: 70px;
height: 10px;
top: 200px;
}
#left-leg {
transform: rotate(-30deg);
left: calc(50% - 60px);
}
#right-leg {
transform: rotate(30deg);
right: calc(50% - 60px);
}
#word {
font-size: 2em;
letter-spacing: 10px;
margin: 20px 0;
}
#wrong-letters {
color: red;
margin: 20px 0;
}
button {
cursor: pointer;
}
#score {
font-size: 1.2em;
margin: 20px 0;
}
</style>
</head>
<bodyC>
<h3>Adam Asmaca Oyunu</h3>
<div id="score">Puan: 0</div>
<div id="hangman">
<div id="scaffold"></div>
<div class="hangman-part" id="head"></div>
<div class="hangman-part" id="body"></div>
<div class="hangman-part" id="left-arm"></div>
<div class="hangman-part" id="right-arm"></div>
<div class="hangman-part" id="left-leg"></div>
<div class="hangman-part" id="right-leg"></div>
</div>
<div id="word"></div>
<div id="wrong-letters"></div>
<div id="message"></div>
<button onclick="startNewGame()">Yeni Oyun</button>
<script>
const words = [
"javascript", "bilgisayar", "programlama",
"televizyon", "yazılım", "donanım",
"internet", "tarayıcı", "kütüphane",
"algoritma", "dizge", "fonksiyon",
"değişken", "nesne", "döngü",
"koşul", "diziler", "mantıksal",
"syntax", "debug"
];
let selectedWord = "";
let correctLetters = [];
let wrongLetters = [];
let score = 0;
const maxWrong = 6;
function startNewGame() {
selectedWord = words[Math.floor(Math.random() * words.length)];
correctLetters = [];
wrongLetters = [];
document.querySelectorAll('.hangman-part').forEach(part => part.style.display = 'none');
document.getElementById('message').textContent = '';
updateDisplay();
}
function updateDisplay() {
// Kelime gösterimi
const wordDisplay = selectedWord
.split('')
.map(letter => correctLetters.includes(letter) ? letter : '_')
.join(' ');
document.getElementById('word').textContent = wordDisplay;
// Yanlış harfler
document.getElementById('wrong-letters').textContent = wrongLetters.join(' ');
// Puan güncelleme
document.getElementById('score').textContent = `Puan: ${score}`;
// Kazanma/kaybetme kontrolü
if (!wordDisplay.includes('_')) {
score += 50;
document.getElementById('message').textContent = 'Tebrikler! Kazandınız!';
updateDisplay();
} else if (wrongLetters.length >= maxWrong) {
document.getElementById('message').textContent = `Kaybettiniz! Doğru kelime: ${selectedWord}`;
score = Math.max(0, score - 30);
updateDisplay();
}
}
function handleKeyPress(event) {
if (wrongLetters.length >= maxWrong || !selectedWord) return;
const letter = event.key.toLowerCase();
if (!/[a-zğüşıöç]/.test(letter)) return;
if (selectedWord.includes(letter)) {
if (!correctLetters.includes(letter)) {
correctLetters.push(letter);
score += 10;
}
} else {
if (!wrongLetters.includes(letter)) {
wrongLetters.push(letter);
score = Math.max(0, score - 5);
document.querySelectorAll('.hangman-part')[wrongLetters.length - 1].style.display = 'block';
}
}
updateDisplay();
}
// Klavye olay dinleyicisi
document.addEventListener('keydown', handleKeyPress);
// Oyunu başlat
startNewGame();
</script>
</bodyC>
</html>[/parsehtml]
