Материалы на гугл диске: https://drive.google.com/drive/folders/1dzpLOcd4ya1ax7llBZHFFmcw1mXEo_xV 

Лабораторная работа №4 «Добавление на сайт скриптов на JavaScript»

Работаем на своей windows машине, результат работы проверяем у себя в локальном браузере.

1.     Обновить у себя на компьютере браузер Microsoft Edge до самой последней версии.

2.     Работаем в среде разработки Visual Code с нашим проектом, созданным ранее. Установим расширение Microsoft Edge Tool для отладки JavScript кода.

a.      в IDE расширения-> Microsoft Edge Tool -> установить

b.     перезапустить среду разработки

c.      правой кнопкой мыши по файлу index.html и выбираем открыть с помощьюе edge->открыть браузер с edge tool проверить что справа открывается live preview и инструменты разработчика для отладки.

d.     в браузере справа Edge Devtools: Browser вставляем вместо локального пути к файлу путь из live preview (у меня это http://127.0.0.1:3000/index.html). Проверяем что все изменения кода сразу там отображаются.

e.      создать в папке сайта файл hellojs.html в него добавить код для hello world на javascript, открыть правой кнопкой мыши файл через edge tool и проверить, что все отображается в динамике справа:

 <script>  

     console.log("new hello javascript!")

</script>

 

3.     Создать в папке сайта файл jsexamples.html в него вставляем текст из файла с нашей гугл папки из лабораторная работа №4.

4.     Создать в папке сайта папку js в ней файл examples.js в него вставляем текст из файла с нашей гугл папки из лабораторная работа №4.

5.     Проверяем в браузере, что два скрипта исходных отрабатывают нормально (сумма двух чисел и проверка, что число простое или нет).

6.     Добавить в examples.js третий скрипт, который гнерирует случайное целое положительное число в интервале от 1 до 10000 и выводит на экран само число и все его делители через запятую. В jsexamples.html также добавить необходимый html код. Пример результата работы на картинке ниже.

Zuletzt geändert: Dienstag, 19. September 2023, 20:32