0

タイトルはほとんどそれをすべて言います。私はコンピューター、ビデオゲーム、ロボットなど、デジタルが大好きな初心者です。とにかく、私は自分のウェブサイトを作ることを考えていたので、プログラミングを始めたばかりです。できるだけ素晴らしいものにしたいと思っています。言うまでもなく、それはかなり良いスキルです。私は間違いなく、私が今持っている厄介な仕事をするよりも多くのデザインサイトを作るでしょう。しかし、私は逸脱します。このコードは、OREILLYの「HeadFirstHTML5Programming」のCh3から取得しました。私は「いくつかの」調整を行いましたが、大きな調整はありませんでした。ご覧のとおり、これはいくつかの機能とアラートを備えた単純な小さなプレイリストマネージャーです。一見すると、ページは正常に見えます。しかし、曲を入力して[曲を追加]ボタンをクリックすると...何も起こりません!! また、「アラート」は機能しません!! なぜ？！私は何を間違えましたか？！私がそれに加えたいくつかの無関係で「意図的な」カスタマイズを除いて、それは本で使用されているのと同じ式であり、うまくいくはずです。誰かが曲を入力するたびに、「ul.appendChild（li）」はそれをプレイリストに追加する必要があります...そうですか？！？！とにかく、これがhtml/javascriptです。

<!doctype html>
<html lang="en">
<head>
<title>RTH</title>
<meta charset="utf-8">
<script>

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("Enter a track!");

} else {

alert("Congrats...track is now being added!");

}


var li = document.createElement("li");

li.innerHTML = songName;

var ul = document.getElementById("playlist");

ul.appendChild(li);

}

</script>
<body>
<form>

<Input type = "text" Id = "songTextInput" size = "40" placeholder = "Insert track here...">

<Input type = "button" id = "addButton" value = "Add Song">


</form>
<strong>

<ul id="playlist">


</ul>
</strong>
</body>
</html>
4

1 に答える 1

1

こんにちは、変更されたコードは、

<!doctype html>
<html lang="en">
<head>
<title>RTH</title>
<meta charset="utf-8">
<script>


function handleButtonClick() {

var textInput = document.getElementById("songTextInput");

var songName = textInput.value;

 if (songName == "") {

alert("Enter a track!");

} else {

alert("Congrats...track is now being added!");

}


var li = document.createElement("li");

li.innerHTML = songName;

var ul = document.getElementById("playlist");

ul.appendChild(li);

}

</script>
<body>
<form>

<Input type = "text" Id = "songTextInput" size = "40" placeholder = "Insert track here..."/>

<Input type = "button" id = "addButton" onclick="handleButtonClick();" value = "Add Song"/>


</form>
<strong>

<ul id="playlist">


</ul>
</strong>
</body>
</html>

正常に動作します。

問題は、

関数はボタンのクリックでトリガーされるため、window.onloadは必要ありません。それは私がコードで変更した唯一のものです。遅れて申し訳ありません

于 2013-03-15T04:20:46.503 に答える