我做了一个计算器,但是+
不起作用,为什么? - >如果你想要+某些东西,你必须按下按钮:sečíst....它不会+它,但它会用一些不好的方式写它,看看:http://jsfiddle.net/p77roqhr/
<pre>
<!DOCTYPE html>
<html lang="cs-CZ">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Prace">
<link rel="stylesheet" href="online_kalkulacka.css">
<title>kalkulačka</title>
</head>
<body>
<h1>Kalkulačka</h1>
<form name="kalkulacka">
<fieldset>
<div id="cislo1">
<label for="vypln_cislo1">zadej zde první číslo</label> <input id="1" type="number" name="prvni" min="0" max="10000">
</div>
<div id="cislo2">
<label for="vypln_cislo2">zadej zde druhé číslo</label> <input id="2" type="number" name="druhe" min="0" max="10000">
</div>
<button id="b1" onclick="document.getElementById('3').innerText = document.getElementById('1').value + document.getElementById('2').value; return false;">sečíst</button>
<button id="b2" onclick="document.getElementById('3').innerText = document.getElementById('1').value - document.getElementById('2').value; return false;">odečíst</button>
<button id="b3" onclick="document.getElementById('3').innerText = document.getElementById('1').value / document.getElementById('2').value; return false;">vydělit</button>
<button id="b4" onclick="document.getElementById('3').innerText = document.getElementById('1').value * document.getElementById('2').value; return false;">vynásobit</button>
<div id="vysledek">
výsledek je :
<br>
<div id="vysledek2">
<span id="3"></span>
</div>
</div>
</fieldset>
</form>
</body>
</html>
</pre>
答案 0 :(得分:1)
您必须先将每个数字转换为数字,以便将它们添加为数字而不是进行字符串连接。寻找parseInt()
。
将您的代码更改为
<button id="b1" onclick="document.getElementById('3').innerText = parseInt(document.getElementById('1').value, 10) + parseInt(document.getElementById('2').value, 10); return false;">sečíst</button>