#2.10 Сортировка данных на JavaScript и вывод в таблицу HTML, работа с DOM
Урок 2. Вывод сообщения на экран. JavaScript интегрируется в HTML, поэтому, первым делом, необходимо прописать html разметку. Открываем блокнот и прописываем в файле < html> и </html>. Они отмечают конец и начало файла html. Между этими двумя командами вставляем ещё две: <body> и </body>. Этими командами мы помечаем начало и конец "тела" веб-страницы. Внутри "тела" мы помещаем всë, что хотим разместить на нашей веб-странице: картинки, текст или кнопки. Попробуем разместить абзац с текстом на нашей веб-странице. Для этого в "теле" прописываем <p> и </p>. Эти две команды помечают начало и конец абзаца. Разместим между этими командами любой текст. В нашем случае это "Уроки от Максима Чилякова! Этот текст отобразится на Вашей веб странице! Спасибо." Ваш код должен выглядеть примерно так [Фотография] https://vk.com/photo164516926_457249925 Сохраним файл с расширением html и откроем с помощью браузера. Вот что мы увидим: [Фотография] https://vk.com/photo164516926_457249926 а где же сам javascript? чтобы использовать команды javascript нужно в "теле" прописать две команды <script> и </script>, обозначающие начало и конец кода на javascript. Для вывода сообщения на экран необходимо написать команду alert(). В скобочках в качестве аргумента укажем строку, которую хотим вывести, например "Привет, Мир!!!". Ваш код теперь должен выглядеть вот так: [Фотография] https://vk.com/photo164516926_457249927 Сохраним с расширением html и запустим в браузере. Первоначально запускается всплывающее окно, так работает команда alert("Привет, мир!!!") [Фотография] https://vk.com/photo164516926_457249928 нажимая кнопку "закрыть", видим содержимое веб-страницы: [Фотография] https://vk.com/photo164516926_457249929 Ура! Ваша первая программа на javascript готова
Подключаем скрипт javascript к html документу
Большой приветик Вам, мои читатели! Сегодня мы с Вами попробуем подключить к HTML javascript! Поехали: Javascript или сокращённо js привносит в web разработку множество функций и фишек для программиста и пользователя. Страницу буквально можно оживить js кодом. Можно создавать даже анимацию! Но это в следующих статьях. Для того чтобы начать Вам следует, как было сказано в предыдущей статье, текстовый редактор и создать новый файл, к примеру script.html. Как подключается javascript в html документ? Легко: Как показано на фото скрипт подключается с помощью тегов script...