HTML/CSS/Javascript 計算器
[英]Calculator on HTML/CSS/Javascript
問題描述
您好，我一直在努力學習 HTML CSS 和 JAVASCRIPT。 我從未嘗試過，也不完全了解基礎知識，我想創建一個計算器，即使是基礎知識，我也做了 x+1/2 的簡單示例，但我得到的答案是錯誤的，這里是代碼
function result() { var x = document.getElementById("constant").value; var y = document.getElementById("height").value; var z = document.getElementById("freq").value; var c = 3 * 10 ** 8; var k = x + 1; var k2 = k / 2; document.getElementById("Calculate").value = k2; }
<!DOCTYPE html> <html> <head> <h1>Microstrip Calculator</h1> <p>Enter the following values in numeric form:</p> </head> <body> <form> Di-Electric Constant: <input class="text" Placeholder="Enter Value" id="constant" </input> <br> Di-Electric Height: <input class="text" Placeholder="Enter Value" id="height" </input> <br> Operational Frequency: <input class="text" Placeholder="Enter Value" id="freq" </input> <br> <br> <input type="text" id="Calculate" </input> <input type="button" value="Calculate" onclick="result()"> </form> <br/> </body> </html>
2 個解決方案
解決方案1
0 2021-11-06 19:59:33
請記住，輸入值始終是字符串。 如果你添加到一個字符串，你會得到一個連接的字符串，即：
'1' + 1 === '11'
將您的輸入值轉換為數字，使它們表現得像......好吧，數字：
var x = Number(document.getElementById("constant").value);
var y = Number(document.getElementById("height").value);
var z = Number(document.getElementById("freq").value);
解決方案2
0 2021-11-06 20:04:08
表單的輸入始終是字符串。 為了說明這一點，這里有一個小例子：
a = "2" b = "3" console.log(a + b) // but after convert string to int with the JS Function Number() console.log(Number(a) + Number(b))
這意味着，您必須首先將表單中的所有輸入轉換為數字。
HTML，CSS，JavaScript計算器
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.