Скачать right triangle calculator - Скачать исходный код right triangle calculator

right triangle calculator

Другой исходный код

Initial release

Скачать

Правый треугольник - онлайн -калькулятор

Учитывая три измерения - длина 2 ног и длину гипотенузы, соответственно, рассчитайте область.
Если размеры невозможно сформировать правильный треугольник, бдительность.

Содержимое

Попробуйте это
Как это работает
Внешние ссылки

Попробуйте это

Веб -сайт состоит из 5 файлов: index.html, result.php, style.css, resultheet.css и script.js.
Загрузите их здесь.
Под вашим корневым каталогом создайте папку. Назовите это «Правый треугольник». Сохраните эти файлы в этой папке.
Затем запустите виртуальный сервер. В вашем веб -браузере введите этот адрес: Localhost/Right Triangle/index.html
(Предполагая, что вы используете XAMPP в Windows)
Вы сейчас на странице ввода.
На странице ввода вы увидите заголовок «Правый треугольник!» Вверху три круга, кнопка отправки,
и синяя трианга внизу страницы. Эти 3 круга на самом деле являются полями ввода.
Попробуйте сделать следующие вещи:

Наведите курсор мыши на одном из кругов
Наведите курсор мыши над кнопкой отправки
Наведите курсор мыши возле треугольника
Оставьте одно или все поля пустыми, а затем нажмите кнопку отправки
Не оставляйте поле пустым, но введите алфавитный символ в одну из полей, а затем нажмите «Отправить

Как только вы закончите с этим, попробуйте ввести номера в эти 3 круга и нажмите кнопку отправки.
Они представляют собой длину ноги, ноги и гипотенузы соответственно.
Это должно перенаправить вас на страницу результатов. Если вы вводите 3, 4 и 5 соответственно, вы должны получить
Что -то вроде «Область: 6». Если вы вводите 10, 9 и 4, вы должны получить что -то вроде «данных размеров
не соответствуют правильному треугольнику ».

Как это работает

Когда вы падаете курсор мыши возле треугольника, треугольник вращается и движется вверх, его цвет становится красным.
Это делается путем его стиля в селекторе CSS с псевдо -классом.

 #triangle: Hover {
    Граница: твердый 65px;
    Пограничный цвет: прозрачный прозрачный #F12F2F прозрачный;
    маржинальная версия: 0px;
    преобразование: вращение (180deg) Scalex (-1);
}

Обратите внимание transform: rotate(180deg) scaleX(-1); что заставляет треугольник вращаться на пахни.
Затем проверьте файл script.js. В нем есть 2 операторы, которые сообщают, являются ли входные данные недействительными.
Он проверяет, есть ли у пользователя что -то вводится, сравнивая это с null . Напомним, что NULL - это тип данных
что в основном означает «ничего».
У нас также есть функция isNan , чтобы проверить, являются ли входные данные числовые. Нан выступает за n n n n umber.
Если вы вводите допустимые входы, код в этих операторах не будет выполнен. JavaScript затем создает 3 печенья
С именами A, B, C соответственно, которые хранят входные данные, которые вы отправили ранее. Затем перенаправляет вас на
страница результатов, которая является Result.php
На странице результата PHP делает математику. Во -первых, он называет значения файлов cookie, которые были созданы JavaScript ранее,
и хранить эти значения в трех переменных, а именно $a , $b , $c .
Затем он использует теорему Пифагора, чтобы проверить, могут ли эти значения (которые являются размерами треугольника) составить
Правильный треугольник. Если они могут, на странице результата отображается текст «Область:» с областью треугольника рядом.
Если они не могут, на странице результата отображается текст «Указанные размеры не подходят для правильного треугольника».