-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
65 lines (55 loc) · 2.05 KB
/
script.js
File metadata and controls
65 lines (55 loc) · 2.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
// Initializing variables similar to your logic
let randomNumber = Math.floor(Math.random() * 10) + 1;
let count = 0;
// DOM Elements
const inputField = document.getElementById('userGuess');
const guessBtn = document.getElementById('guessBtn');
const feedback = document.getElementById('feedback');
const attemptDisplay = document.getElementById('attemptCount');
const resetBtn = document.getElementById('resetBtn');
function handleGuess() {
const userNumberPrompt = inputField.value;
let userNumber = Number(userNumberPrompt);
// Validation logic (keeping yours intact)
if (userNumberPrompt === "" || userNumber < 0 || userNumber > 10) {
feedback.textContent = 'Enter valid number (0-10).';
feedback.style.color = '#f87171'; // Error color
return;
}
count++;
attemptDisplay.textContent = count;
// Core Comparison Logic (Your original logic)
if (userNumber === randomNumber) {
feedback.textContent = `🎉Your lucky number is ${count} `;
feedback.style.color = '#4ade80'; // Success color
guessBtn.disabled = true;
} else {
if (userNumber > randomNumber) {
feedback.textContent = 'Too high. Try again.';
feedback.style.color = '#fbbf24'; // Warning color
} else if (userNumber < randomNumber) {
feedback.textContent = 'Too low. Try again.';
feedback.style.color = '#38bdf8'; // Low color
}
}
// Clear input for next guess
inputField.value = '';
inputField.focus();
}
// Reset function
function resetGame() {
randomNumber = Math.floor(Math.random() * 10) + 1;
count = 0;
attemptDisplay.textContent = '0';
feedback.textContent = 'Waiting for your move...';
feedback.style.color = '';
guessBtn.disabled = false;
inputField.value = '';
}
// Event Listeners
guessBtn.addEventListener('click', handleGuess);
// Allow pressing "Enter" key to guess
inputField.addEventListener('keypress', (e) => {
if (e.key === 'Enter') handleGuess();
});
resetBtn.addEventListener('click', resetGame);