gpt4 book ai didi

javascript - 使用 HTML 和 javascript 制作在线计算器

转载 作者:行者123 更新时间:2023-12-03 11:40:13 24 4
gpt4 key购买 nike

我想制作在线计算器,我发现,我可以使用 HTML 中的表单,我制作了一些表单,但是没有什么问题,我需要从 (input type="number"name="first number”)和(输入类型=“数字”名称=“第二个数字”)并将它们放入脚本方程中,然后当用户文件编号时将结果写入(输入类型=“文本”)并按提交按钮 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 =
a = 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>

最佳答案

下面是一个小示例,说明如何使用 document.getElementById() 读取 input 元素并写入 span 元素,使用按钮中的onclick事件处理程序。

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/>
A * B = <span id="product"></span>

关于javascript - 使用 HTML 和 javascript 制作在线计算器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26316793/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com