Название этой статьи может показаться для многих набором слов, особенно для тех, кто зашел сюда и вовсе случайно, однако по-простому, по-другому и в то же время всеобъемлюще про то, что я решил написать, не сказать. Ну и ладно, ближе к теме.
Итак, в статье я рассмотрю пару вариантов того, как из простой формы на странице получить значение для Java Script, затем обработать его по определенному условию, и после выдать конечный логический результат.
Используемая форма для обработки переменной
Собственно форму можно взять любую, скажем через оператор <select> . Главное для этой формы поставить свой ID ведь по нему и будет извлекаться результат уже для Java Script. То есть типа того, - <select name="name" id="select">
Ява скрипт для получения результат из формы и обработки по условию
Для получения результата из формы используется document.getElementById("ID").value, также этот же оператор используется и в случае, если необходимо прописать значение для нужного блока div. В общем все зависит от алгоритма обработки результата и его вывода. Кстати, вывести результат можно тоже по разному, об этом далее.
Вывод результата Java Script
Можно вывести с помощью довольно агрессивного alert иногда он смотрится весьма небезопасно или подменной данный в блоке для которого указан нужный ID.
В цело то, о чем я писал выше, как мне кажется, всегда лучше смотреть в коде, там как-то все нагляднее и порой понятно без слов. Так что смотрим два примера.
Конечно пару реальных примеров.
Примеры выведены в ифрейме, поэтому при сохранении файла html на сервере могут возникнуть ошибки типа того, что текст отображается в вопросиках. Если это так, то пересохраняем файл в той кодировке, в которой работает именно ваш сервер, через блокнот.
Еще один пример с перенаправлением, то есть по условию улетаем на определенную страницу. В моем случае на главную. Для это используем оператор document.location.href = '/home'; как раз с указанием нужной нам страницы.
Эти примеры также содержат случай, когда условие берется из формы input, с помощью document.getElementById("...").value, что также на мой взгляд весьма поучительно для начинающих. Так как позволяет не только обрабатывать результат, но и брать что-то из форм ввода, чтобы с этим работать.
Ну и напоследок что-то прагматичное, что не только работает со скриптом, но и позволяет получать интересную и полезную информацию. Так это будет информация о символах года и цвете его стихии в зависимости от года. Конечно, я понимаю что данное использование условий является несколько "туповатым", так как не содержит в себе интеллектуального зерна и правила о том, что у символов года и их стихий есть определенная строгая периодичность. Используя ее можно было создать бесконечный календарь. Но для этого примера с условиями зато это будет прекрасный пример, с учетом, что все же наш массив с годами не бесконечен, а значит перебирание условий не бесконечно тоже, что иногда все же проще по трудоемкости, чем создавать более красивую и изящную интеллектуальную модель