JavaScript 結果未顯示在 PhoneGap 中
[英]JavaScript result not showing in PhoneGap
問題描述
我正在學習使用 PhoneGap 構建應用程序，並且我制作了一個計算器，但單擊計算后不會顯示結果。 請看代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Dog Years Calculator</title>
<script>
windows.onload=function{
document.getElementById('btnCalc').addEventListener('click', calcAge);
}
function calcAge(e)
{
var age = document.getElementById('dogAge').value;
age = age * 7;
var result = "In Dog years, your dogs age is: " + age;
document.getElementById('result').innerHTML = result;
}
</script>
</head>
<body>
<script type="text/javascript" src="cordova.js"></script>
<h1>Dog Years Calculator</h1>
<label for="dogAge">Dogs age in Human years:</label>
<input id="dogAge" type="number" />
<button id="btnCalc">Calculate</button>
<div id="result"></div>
</body>
</html>
1 個解決方案
解決方案1
0 2018-09-11 09:11:17
像這樣使用：
btnCalc.onclick = function(){ var age = document.getElementById('dogAge').value; age = age * 7; var result = "In Dog years, your dogs age is: " + age; document.getElementById('result').innerHTML = result; }; <h1>Dog Years Calculator</h1> <label for="dogAge">Dogs age in Human years:</label> <input id="dogAge" type="number" /> <button id="btnCalc">Calculate</button> <div id="result"></div>
Javascript循環未顯示結果
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.