HTML 和 JavaScript 中帶按鈕的簡單計算器
[英]Simple Calculator in HTML and JavaScript with buttons
問題描述
我有以下 HTML 和 JavaScript 代碼用於一個簡單的計算器。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<script src="calculator.js" defer></script>
</head>
<body>
<h1>Calculator</h1>
First value: <input name="number1" type="text" size=10 id='num1'/>
<fieldset>
<label for "+">+</label>
<input type="radio" id="+" value ="+" name=calculation/>
<br>
<label for "+">-</label>
<input type="radio" id="-" value ="-" name=calculation/>
<br>
<label for "+">x</label>
<input type="radio" id="x" value ="x" name=calculation/>
<br>
<label for "+">÷</label>
<input type="radio" id="div" value ="div" name=calculation/>
</fieldset>
Second value: <input name="number2" type="text" size=10 id='num2'/> <input type="submit" value="compute" onclick=""/>
<br>
Result: <input id='result' readonly ></td>
</body>
</html>
結果如下所示：
但是，我想創建這樣的東西：
然后看起來我必須更改單選按鈕的寬度並更改按鈕的顏色。 而且，我如何想出正確的 JavaScript 代碼？
2 個解決方案
解決方案1
0 2021-05-04 02:30:36
我有以下 HTML 和 JavaScript 代碼用於一個簡單的計算器。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<script src="calculator.js" defer></script>
</head>
<body>
<h1>Calculator</h1>
First value: <input name="number1" type="text" size=10 id='num1'/>
<fieldset>
<label for "+">+</label>
<input type="radio" id="+" value ="+" name=calculation/>
<br>
<label for "+">-</label>
<input type="radio" id="-" value ="-" name=calculation/>
<br>
<label for "+">x</label>
<input type="radio" id="x" value ="x" name=calculation/>
<br>
<label for "+">÷</label>
<input type="radio" id="div" value ="div" name=calculation/>
</fieldset>
Second value: <input name="number2" type="text" size=10 id='num2'/> <input type="submit" value="compute" onclick=""/>
<br>
Result: <input id='result' readonly ></td>
</body>
</html>
結果如下所示：
但是，我想創建這樣的東西：
然后看起來我必須更改單選按鈕的寬度並更改按鈕的顏色。 而且，我如何想出正確的 JavaScript 代碼？
解決方案2
-1 2021-05-04 02:43:25
我有以下 HTML 和 JavaScript 代碼用於一個簡單的計算器。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<script src="calculator.js" defer></script>
</head>
<body>
<h1>Calculator</h1>
First value: <input name="number1" type="text" size=10 id='num1'/>
<fieldset>
<label for "+">+</label>
<input type="radio" id="+" value ="+" name=calculation/>
<br>
<label for "+">-</label>
<input type="radio" id="-" value ="-" name=calculation/>
<br>
<label for "+">x</label>
<input type="radio" id="x" value ="x" name=calculation/>
<br>
<label for "+">÷</label>
<input type="radio" id="div" value ="div" name=calculation/>
</fieldset>
Second value: <input name="number2" type="text" size=10 id='num2'/> <input type="submit" value="compute" onclick=""/>
<br>
Result: <input id='result' readonly ></td>
</body>
</html>
結果如下所示：
但是，我想創建這樣的東西：
然后看起來我必須更改單選按鈕的寬度並更改按鈕的顏色。 而且，我如何想出正確的 JavaScript 代碼？
帶有數字和單選按鈕的 Javascript/HTML 計算器未顯示 output
[英]Javascript/HTML Calculator with numbers and radio buttons is not displaying output
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.