Форум

Сергей Ракипов · #1 (**permalink**) 28.03.2020, 09:17

<p>Мини-игра "Угадай число"</p>
<p>Введите число 
<input type="text">
</p>
<button class="btn">Угадать</button>
<p id="out"></p>

let btn = document.querySelector(".btn");
let out = document.querySelector("#out");
let randomNum = Math.floor(Math.random()*10);
let count = 3;


console.log(randomNum);


btn.onclick = guess;


function guess(){
let inputNum = document.querySelector("input").value;
inputNum = parseInt(inputNum.value);
	if(inputNum.value < randomNum){
		out.innerHTML = "Больше";
	}
	else if(inputNum.value > randomNum){
		out.innerHTML = "Меньше";
	}
	else {
		out.innerHTML = "Вы угадали";
	}

}

Сергей Ракипов · #2 (**permalink**) 28.03.2020, 09:18

Не могу понять почему не работает.

рони · #3 (**permalink**) 28.03.2020, 09:25

Сергей Ракипов,
у метода value не бывает метода value!
и нет проверки на NaN

Сергей Ракипов · #4 (**permalink**) 28.03.2020, 09:34

Сообщение от рони

Сергей Ракипов,
у метода value не бывает метода value!
и нет проверки на NaN

value
Это я уже в отчаяние начал пробовать все что не попадя, понимая что какой то бред.
Про Nan я еще не знаю, но сейчас почитаю

Сергей Ракипов · #5 (**permalink**) 28.03.2020, 09:44

Сообщение от рони

Сергей Ракипов,
у метода value не бывает метода value!
и нет проверки на NaN

function guess(){
let inputNum = document.querySelector("input").value;
inputNum = parseInt(inputNum.value);
	if (!isNaN(inputNum) && inputNum>=0 && inputNum <=10){
		if(inputNum == randomNum){
			out.innerHTML = "Вы угадали";
		}
		else if(inputNum != randomNum){
			out.innerHTML = "Вы не угадали";
		}
	}
}

Вроде сейчас все сделал, все равно не работает

И я не понимаю зачем проверку на Nan

рони · #6 (**permalink**) 28.03.2020, 09:50

Сергей Ракипов,
строка 3.

Сообщение от рони

у метода value не бывает метода value!

рони · #7 (**permalink**) 28.03.2020, 09:51

Сергей Ракипов,

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>
<body>
<p>Мини-игра "Угадай число"</p>
<p>Введите число
<input type="text">
</p>
<button class="btn">Угадать</button>
<p id="out"></p>
<script>
let btn = document.querySelector(".btn");
let out = document.querySelector("#out");
let randomNum = Math.floor(Math.random()*10);
let count = 3;
console.log(randomNum);
btn.onclick = guess;
function guess(){
let inputNum = document.querySelector("input").value;
inputNum = parseInt(inputNum);
    if(isNaN(inputNum)){
		out.innerHTML = "Введите число";
	}
	else if(inputNum < randomNum){
		out.innerHTML = "Больше";
	}
	else if(inputNum > randomNum){
		out.innerHTML = "Меньше";
	}
	else {
		out.innerHTML = "Вы угадали";
	}
}
</script>
</body>
</html>

Сергей Ракипов · #8 (**permalink**) 28.03.2020, 09:52

Сообщение от рони

Сергей Ракипов,
строка 3.

Не заметил, спасибо.

А зачем я проверяю на Nan почему не досточно что я перевел все цифры.

рони · #9 (**permalink**) 28.03.2020, 09:55

Сообщение от Сергей Ракипов

А зачем

можно ничего не ввести и нажать кнопку, а можно ввести не число.

Сергей Ракипов · #10 (**permalink**) 28.03.2020, 10:04

Сообщение от рони

можно ничего не ввести и нажать кнопку, а можно ввести не число.

Спасибо

Форум

Справочник

Discord чат

Курсы javascript