Вот HTML-код
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>My playlist</title>
<meta charset="utf-8">
<script src="playlist.js"></script>
<link rel="stylesheet" href="playlist.css">
</head>
<body>
<form>
<input type="text" id="songText" size="40" placeholder="Song name">
<input type="button" id="addButton" value="Add Song">
<ul id="playlist">
</ul>
</form>
</body>
</html>
Javascript-код, в отдельном файле.
window.onload = init;
function init() {
var button = document.getElementById("addButton");
button.onclick = handleButtonClick;
}
function handleButtonClick() {
alert("Button was clicked!");
}
В HTML я создал две формы, сначала решил поработать с addButton, задать ему такой скрипт, что при добавлении любого текста в строковое меню и клике на "Add song", Javascript выдавал диалоговое окно с текстом "Button was clicked". Однако ничего не выходит, браузер не реагирует вообще (Firefox, Ubuntu 14.10), битый час сижу, не могу разобратся в чем проблема. Ткните носом в проблему, пинайте, главное дайте разобратся. Всем спасибо.
ЗЫ: Гуглил, но выходят сразу полные результаты пошагового курса HTML5, а я с промежуточными разобратся не могу (код взят из книги Head First)
Простой
