Ниже приведен мой код, который рассчитывает расстояние между двумя точками координат. Однако, когда я запускаю этот код, я не могу нажать кнопку, указанную на экране. Что я здесь не так делаю? Благодарю.

<!DOCTYPE html>
<html>
    <head>
        <title>Distance Calculator</title>
            <script type="text/javascript">
            function calculateDistance(xValue1, yValue1, xValue2, yValue2)
            {
                xValue1 = parseFloat(document.getElementById('x1').value);       
                yValue1 = parseFloat(document.getElementById('y1').value);
                xValue2 = parseFloat(document.getElementById('x2').value);       
                yValue2 = parseFloat(document.getElementById('y2').value);

                var point1;
                var point2;
                var distance;

                point1 = Math.pow(xValue1 - xValue2, 2);
                point2 = Math.pow(yValue1 - yValue2, 2);

                distance = Math.sqrt(point1 + point2);

                document.getElementById('outputDiv').innerHTML = 
                'The distance between ' + xValue1 + ',' + yValue1 + 'and ' + xValue2 + ',' + yValue2 + 'is ' + distance;>
            }
            </script>
    </head>
    <body>

        <h1>Distance Calculator</h1>
            <p>
                Coordinate 1: <input type="text id=x1" size=12> , <input type="text id=y1" size=12><br>
                Coordinate 2: <input type="text id=x2" size=12> , <input type="text id=y2" size=12><br>
                <br>
                <input type="button" value="Calculate Distance"
                onclick="calculateDistance();">
            </p>
        <hr>
        <div id="outputDiv"></div>
    </body>
</html>
0
jack black 24 Апр 2017 в 03:03

2 ответа

Лучший ответ

Ваш HTML не работает input не совпадали " между type и id. Для функции JavaScript также требуется 4 параметра, которые никогда не задавались.

Я удалил параметры из функции и добавил var s к переменной xValue1 и так к одному. Вот скрипка JS: https://jsfiddle.net/10nbqweL/

1
Charles Crete 24 Апр 2017 в 00:25

calculateDistance принимает четыре аргумента, вы не предоставляете ни одного.

Вы также не используете их; вы получаете их через getElementById как первое действие функции. Объявите их как переменные и удалите их как аргументы, и вы должны быть золотыми.

Изменить. Вы должны увидеть ошибку javascript в консоли разработчика при попытке нажать кнопку, поскольку отсутствует определение, соответствующее вызову.

-1
jdunlop 24 Апр 2017 в 00:07
43577857