Форум

gazman · #1 (**permalink**) 06.08.2017, 13:28

здравствуйте

делаю простенький калькулятор.
проблема: не сохраняется результат расчёта при клике на кнопке. после клика исчезает. помогите, пожалуйста

код:

<form id="cal-form">
			
			<div>
				<input id="num" type="text"  value="" />
			</div>
			<div>
				<input id="time" type="text" value="" />
			</div>
			<div>
				<input id="sub" type="submit" value="Рассчитать" />
			</div>
		</form>
		<div>
			<p id="res">Итог: <span>0</span> руб.</p>
		</div>

$(document).ready(function(){

	var num  = $("#cal-form #num");
	var time = $("#cal-form #time");
	var res  = $("#res span");
	var sub  = $("#cal-form #sub");
	var numres;
	var result;

	sub.click(function(){
	        numres = 250 * num.val();
		res.text(numres);
		
	});
	


});

Белый шум · #2 (**permalink**) 06.08.2017, 13:38

<form id="cal-form" onsubmit="return false;">

или

<input id="sub" type="button" value="Рассчитать" />

ksa · #3 (**permalink**) 07.08.2017, 09:07

Лучше вообще вот так

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var num  = $("#num");
	var time = $("#time");
	var res  = $("#res span");
	var sub  = $("#sub");
	var numres;
	var result;
	$('#cal-form').submit(function(){
        numres = 250 * num.val();
		res.text(numres);
		return false;
	});
});
</script>
</head>
<body>
<form id="cal-form">
	<div>
		<input id="num" type="text"  value="" />
	</div>
	<div>
		<input id="time" type="text" value="" />
	</div>
	<div>
		<input id="sub" type="submit" value="Рассчитать" />
	</div>
</form>
<div>
	<p id="res">Итог: <span>0</span> руб.</p>
</div>
</body>
</html>

gazman · #4 (**permalink**) 09.08.2017, 14:16

спасибо

Форум

Справочник

Discord чат

Курсы javascript