2016-12-18 8 views
-1

これまでのところ私のコードです。ボタンを使用してスライドショーを作成する必要があります - そうすれば、btn1 => pic1が表示されます。 私は新しい写真はクリックで表示されますが、これは私が必要とするものではありません。私はJavaScriptのみを使用でき、jQueryは使用できません。JS関数の無効または予期しないトークン

私のコードは以下のとおりです。私はどんな助けも受けてくれます。ありがとう! また、jsfiddleで何もレンダリングしていないか、恐ろしいインターネットです。

var newDiv = document.createElement("div"); 
newDiv.id = "mainDiv"; 
document.body.appendChild(newDiv); 

var divOne = document.createElement("div"); 
divOne.id = "one"; 
newDiv.appendChild(divOne); 

var divTwo = document.createElement("div"); 
divTwo.id = "two"; 
newDiv.appendChild(divTwo); 

var divThree = document.createElement("div"); 
divThree.id = "three"; 
newDiv.appendChild(divThree); 


var btn1 = document.createElement("BUTTON"); 
btn1.textContent = "1"; 
btn1.id = "but1"; 
newDiv.appendChild(btn1); 

document.getElementById("but1").onclick = function() { 
document.getElementById("one").className = "firstImg"; 
}​; 

var btn2 = document.createElement("BUTTON"); 
btn2.textContent = "2"; 
btn2.id = "but2"; 
newDiv.appendChild(btn2); 

document.getElementById("but2").onclick = function() { 
document.getElementById("two").className = "secondImg"; 
}; 

var btn3 = document.createElement("BUTTON"); 
btn3.textContent = "3"; 
btn3.id = "but3"; 
newDiv.appendChild(btn3); 

document.getElementById("but3").onclick = function() { 
document.getElementById("three").className = "thirdImg"; 
}​; 
+0

エラーを見つけたら、それはそれが何であるかということですが、質問を削除しても気にしません:-) – traktor53

答えて

1

不正な文字が含まれていると報告されている行を削除して再入力してください。このポストには、2行目のゼロ幅のスペース文字Unicode U + 200bが含まれています。これは25行目と43行目に無効な文字のコンソールエラーを生成しています。削除後、コードが動作し始めます。

どのように彼らがそこに着いたのは難しいです - 私はそれを行う脂肪指タイプの入力ですが、誰が知っている。

関連する問題