新人刚开始自学，问下问题。

买了《Head First HTML5》开始自学前端
跟书上的例子写了个小程序，类似于在网页上点击按钮添加条目的东西。
可是点击了没反映，求大神指导一下啊。

下面是我的代码

没有人么。。。

防沉补丁.exe

请问能贴文字吗？手机实在看不清图；不用介意没缩排。

这是html @_sheepy_
<!doctype html>
<html lang="en">
<head>
<title>Webville Tunes</title>
<meta charset="utf-8">
<script src="playlist.js"></script>
<link rel="stylesheet" href="playlist.css">
</head>
<body>
<form>
<input type="text" id="songTextInput size="40" placeholder="Song name">
<input type="button" id="addButton" value="Add Song">
</form>
<ul id="playlist">
</ul>
</body>
</html>

这是JS文件 @_sheepy_
window.onload = init;
function init() {
var button = document.getElementById("addButton");
button.onclick = handleButtonClick;
}
function handleButtonClick() {
var textInput = document.getElementById("songTextInput");
var songName = textInput.value;
if (songName =="") {
alert("Please enter a song");
} else {
var li = document.createElement("li");
li.innerHTML = songName;
var ul = document.getElementById("playlist");
ul.appendChild("li");
}
}

你屌用js函数了吗

并没有调用

没有调用函数

楼主定义变量的时候别使用ul li这种标签啊

<input type="text" id="songTextInput size="40" placeholder="Song name">
ID 请用双引号包裹起来
ul.appendChild("li");
这里的li前面已经创建不要加双引号

Html第11行在js里找不到id。js第4行少了‘()’

你可以关注一下公众号webphp123,分享了好多html5和php和js的教程。

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

17回复贴，共1页

<<返回javascript吧

分享到:

日	一	二	三	四	五	六