JavaScript с нуля
- Автор: Кирупа Чиннатамби
- Жанр: Образование
- Дата выхода: 2021
- Цикл: Библиотека программиста
Читать книгу "JavaScript с нуля"
Для тех, кому важны детали
Сейчас вы можете просто прочесть несколько следующих разделов и изучить целую кучу информации, и пальцем не пошевельнув. Если такой вариант вам по душе, тогда пропустите этот раздел и переходите к следующему.
Но если вы хотите немного потренироваться и увидеть некоторые из особенностей консоли, создайте HTML-документ и добавьте в него следующий код HTML, CSS и JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>Console Stuff</title>
<style> #container {
padding: 50px;
}
#myButton {
font-family: sans-serif;
font-size: 24px;
font-weight: lighter;
background-color: #FFF;
border: 3px #333 solid;
padding: 15px;
}
#myButton: hover {
background-color: aliceblue;
}
</style>
</head>
<body>
<div id="container">
<button id="myButton">click me</button>
</div>
<script>
let myButton = document.querySelector("#myButton");
myButton.addEventListener("click", doSomething, false);
function doSomething(e) {
alert("Is this working?");
}
</script>
</body>
</html>
Перед нами очень простая HTML-страница с кнопкой, по которой вы можете кликнуть. Когда вы это сделаете, появится диалоговое окно (такое же было описано ранее). Далее мы изменим этот пример, чтобы опробовать некоторые из возможностей консоли.