Результат JavaScript не отображается в PhoneGap - PullRequest
Новая
       5

Результат JavaScript не отображается в PhoneGap

0 голосов
/ 02 сентября 2018

Я учусь создавать приложение с 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 Ответ

0 голосов
/ 11 сентября 2018

Используйте как это: 

 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>
...