Знакомство с JavaScript
HI, BRO!!! До этого урока мы занимались исключительно Web-дизайном. За наполнение окна объектами отвечал HTML, за красоту и расположение этих объектов отвечал CSS.
Сегодня нам предстоит познакомиться еще с одним помощником Web-программиста — это язык JavaScript. Именно этот помощник сделает так, чтобы на нашей странице появился функционал. С помощью JavaScript (сокращенно JS) будут нажиматься кнопки, крутиться крутилки, вертеться вертелки. В общем, будет твориться все, что ты захочешь!
Приступим! Как обычно, нам понадобится HTML-файл (назовем его «сайтик.html») со стандартным содержимым:
<html>
</head>
<body>
<script src="script.js"> </script>
</body>
</html>Как видно из кода, в нем почти ничего нет, кроме какой-то непонятной строчки
<script src="script.js"> </script>А, между прочим, именно с помощью такой строчки браузер понимает, что на этом месте должен быть JavaScript, который спрятан в файле «script.js». Как создать такой файл??? Да также как и HTML с помощью блокнота.
Давайте создадим новый текстовый документ, переименуем его в script.js и положим его в ту же папку, что и исходный HTML-документ.
Готово? Теперь c помощью блокнота положим в script.js следующую команду:
alert('HELLO WORLD!');Давай сохраним изменения в script.js и попробуем запустить наш «сайтик.html»
Если все сделано верно, то в окне браузера появится стандартное окно предупреждения с текстом «HELLO WORLD!»
Поздравляю, только что браузер воспроизвел твою первую программу JavaScript.
Если не устал, попробуй добавь в script.js следующие строчки:
var name = prompt('KAK TEBYA ZOVUT?');
alert('PRIVET, ' + name);Этот код выкинет в браузер окошко с запросом, в которое пользователь может что-то написать и этот текст сохранится в переменной под именем name.
Пожалуй, на сегодня хватит! Главное, что необходимо сегодня усвоить, это то,что:
1 За функционал в Web отвечает javascript
2 Файл script.js можно создать с помощью обычного блокнота
3 script.js включается в HTML с помощью тега <script src =»script.js»></script>