Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Игра угадай число (https://javascript.ru/forum/misc/71099-igra-ugadajj-chislo.html)

forzz 25.10.2017 23:52

Игра угадай число
 
Есть 2 input
1) input type text
2) input type submit
надо взять 1 input занести в переменную и сравнить его с другой переменной и вывести на экран больше или меньше(всё числами):help:

ruslan_mart 26.10.2017 04:15

<form name="game">
  <input id="number" type="text">
  <input type="submit" value="OK">
</form>


var form = document.forms.game;
var number = 5;

form.onsubmit = function() {
	
  var value = form.elements.number.value;
  
  if(value === '' || isNaN(+value)) {
  	alert('Введите число!');
  }
  else if(+value === number) {
  	alert('Вы угадали!');
  }
  else {
  	alert(+value < number ? 'Больше' : 'Меньше');
  }

  return false;
};

ksa 26.10.2017 08:53

Цитата:

Сообщение от forzz
надо взять 1 input занести в переменную и сравнить его с другой переменной и вывести на экран больше или меньше

Видно ты плохо знаком с правилами той игры. :( Игра ведется до "сдачи" или выигрыша оппонента. ;)

forzz 26.10.2017 13:47

Если в html прописать в script то работает а если в отдельный js файл то нет, почему?

Nexus 26.10.2017 13:50

forzz,
form.onsubmit = function(e) {
    e.preventDefault();
    //...

ruslan_mart 26.10.2017 16:17

forzz, потому что на момент выполнения скрипта формы ещё нет, оберните скрипт в:

document.addEventListener('DOMContentLoaded', function() {
   //code
});


Nexus, для обработчика-свойства достаточно return false, у ТС проблема в другом (см. выше).


Часовой пояс GMT +3, время: 21:58.