making online calculator using HTML and javascript -
i want create online calculator, figured out, can utilize forms html, made forms, there little problem, need take values (input type="number" name="first number") , (input type="number" name="second number") , set them script equation , result write in (input type="text") when user file numbers , press submit button http://jsfiddle.net/nco5r74k/
<pre> <!doctype html> <html lang="cs-cz"> <head> <meta charset="utf-8"> <meta name="generator" content="prace"> <title>kalkulačka</title> </head> <body> <form> <label for="vypln_cislo1">zadej zde první číslo</label> <input type="number" name="prvni_cislo" min="0" max="10000"> <select name="znamenko"> <option value="+">+</option> <option value="-">-</option> <option value="x">x</option> <option value=":">:</option> </select> <label for="vypln_cislo2">zadej zde druhé číslo</label> <input type="number" name="druhe" min="0" max="10000"> <input type="submit" value="vypočítat"> <label for="vysledek">výsledek:</label> <input type="text" size="15" name="vysledek" readonly> </form> <script> var a, text; y = x = = y + x text = + a; document.write(text); </script> <script> var b, text; y = x = b = y - x text = + b; document.write(text); </script> <script> var c, text; y = x = c = y * x text = + c; document.write(text); </script> <script> var d, text; y = x = d = y / x text = + d; document.write(text); </script> </body> </html> </pre>
here's little illustration of how can utilize document.getelementbyid() read input elements , write span element, using onclick event handler button.
class="snippet-code-html lang-html prettyprint-override">a: <input id="a" value="3"/><br/> b: <input id="b" value="5"/><br/> <button onclick="document.getelementbyid('product').innertext = document.getelementbyid('a').value * document.getelementbyid('b').value;">calculate</button> <br/> * b = <span id="product"></span>
javascript html forms var equation
No comments:
Post a Comment