HTML计算器,+不起作用

时间:2014-10-11 18:18:55

标签: html forms button label fieldset

我做了一个计算器,但是+不起作用,为什么? - >如果你想要+某些东西,你必须按下按钮: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>

1 个答案:

答案 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>