JavaScript 结果未显示在 PhoneGap 中

Question

我正在学习使用 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>

Answer 1

像这样使用：

 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 结果未显示在 PhoneGap 中

问题描述

1 个解决方案

解决方案1
0 2018-09-11 09:11:17

JavaScript 结果未显示在 PhoneGap 中

问题描述

1 个解决方案

解决方案1 0 2018-09-11 09:11:17

解决方案1
0 2018-09-11 09:11:17