Форум

QQrebzya · #1 (**permalink**) 22.12.2017, 15:43

</!DOCTYPE html>
<html>

<head>
	
	<meta charset= "UTF-8"/>
	<title>Lessons</title>
	<link rel="stylesheet" type="text/css" href="test.css">


  
</head>
		
<body>

	<input id="now" type="number" placeholder="Стало" step="any">
	<input id="was" type="number" placeholder="Было" step="any">
	<input id="calc" type="button" value="Посчитать">
<script >
	var someFunc = function(){
		var now = document.getElementById("now"); // Цена на данный момент
		var was = document.getElementById("was"); // Цена до изменения
		var wasInPercent = was / 100;
		var difference = was - now;
		var changeInPercent = difference / wasInPercent;
		alert(changeInPercent);
console.log(now); 
console.log(was);
console.log(difference);
console.log(wasInPercent);
console.log(changeInPercent);

}
document.getElementById("calc").onclick = someFunc;

</script>
</body>
</html>

хочу попросить вас подсказать,каким способом можно получить число указанное в input,для функции someFunc(в логах значение переменных из input = null,почему так)

рони · #2 (**permalink**) 22.12.2017, 15:48

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

document.getElementById

кавычки где?
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

QQrebzya · #3 (**permalink**) 22.12.2017, 17:00

оформил, как просили

Dilettante_Pro · #4 (**permalink**) 22.12.2017, 17:05

QQrebzya,

</!DOCTYPE html>
<html>

<head>
	
	<meta charset= "UTF-8"/>
	<title>Lessons</title>
	<link rel="stylesheet" type="text/css" href="test.css">


  
</head>
		
<body>

	<input id="now" type="number" placeholder="Стало" step="any">
	<input id="was" type="number" placeholder="Было" step="any">
	<input id="calc" type="button" value="Посчитать">
<script >
	var someFunc = function(){
		var now = +document.getElementById("now").value||0; // Цена на данный момент
		var was = +document.getElementById("was").value||0; // Цена до изменения
		var wasInPercent = was / 100;
		var difference = was - now;
		var changeInPercent = (difference / wasInPercent)||0;
		alert(changeInPercent);
console.log(now); 
console.log(was);
console.log(difference);
console.log(wasInPercent);
console.log(changeInPercent);

}
document.getElementById("calc").onclick = someFunc;

</script>
</body>
</html>

QQrebzya · #5 (**permalink**) 22.12.2017, 17:16

Спасибо за помощь

Форум

Справочник

Discord чат

Курсы javascript