我試圖讓計算機從 HTML 中獲取輸入，并在 Javascript 中添加和乘以一些數字。我來自python，Javascript中的變數系統對我來說毫無意義，所以有人可以請lmk做什么嗎？
<div class = "text">How much energy do you use?</div>
<input id = "q1" type = "text" placeholder = "# of KilaWatts"></input>
<button type="button" onclick="getInputValue();">Submit</button>
<!-- Multiply InputValue by 3 and Add 2 —->
我試圖用 parseInt 和 parseString 做一些事情，但它不起作用，因為它不會運行。
uj5u.com熱心網友回復：
試試這個，首先查詢輸入值然后計算你想要的數字然后提醒用戶，像這樣<!-- Multiply InputValue by 3 and Add 2 —->
function getInputValue() {
const inputVal = document.getElementById("q1").value; //query input value
const calculatedValue = ((inputVal *3) 2); // first multiply input value with 3
// then add 2
alert(calculatedValue); // show the calculated value through an alert
};
uj5u.com熱心網友回復：
這并不難。嘗試使用以下代碼。干杯！！
<html>
<body>
<label for="insertValue">Enter Your Value:</label>
<input type="text" id="insertValue">
<button onclick="Multiply()">Multiply</button> <!-- Calling to the JS function on button click -->
<p id="answer"></p>
<!-- Always link or write your js Scripts before closing the <body> tag -->
<script>
function Multiply() {
let value = document.getElementById("insertValue").value; //get the inserted Value from <input> text box
let answer = 0;
//Your Multiplication
answer = value * 2 * 3;
//Display answer in the <p> tag and it id ="answer"
document.getElementById("answer").innerText = "Your Answer is: " answer;
}
</script>
</body>
</html>uj5u.com熱心網友回復：
簡單（易于理解）解決方案：
<div class="text">How much energy do you use?</div>
<input id="q1" type="text" placeholder="# of KilaWatts"></input>
<button type="button" onclick="getInputValue();">Submit</button>
<br>
<output id="a1"></output>
<script>
var input = document.getElementById("q1");
var output = document.getElementById("a1");
function getInputValue() {
output.textContent = (input.value * 3) 2;
}
</script>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/456481.html
標籤：javascript html css 变量 类型转换