Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   проблема с выводом данных из элемента в функцию (https://javascript.ru/forum/misc/71936-problema-s-vyvodom-dannykh-iz-ehlementa-v-funkciyu.html)

QQrebzya 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,почему так):help:

рони 22.12.2017 15:48

Цитата:

Сообщение от QQrebzya
document.getElementById

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

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


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

QQrebzya 22.12.2017 17:00

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

Dilettante_Pro 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 22.12.2017 17:16

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


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