私は初心者であり、コーディングを学び始めています。私は有名な「どのくらいの指を握っているのですか?プロジェクト。だから、警告メッセージの代わりに、私は1-5の指の実際のイメージとそのメッセージが正しいかどうかを欲しい。JavaScriptで警告メッセージではなく画像とテキストを表示
jqueryコードがあると思いますが、jqueryにジャンプしてハードコアのJavaScriptを最初に習得したくありません。私は画像アレイを作成することに悩まされており、画像を上にすることはできません。
<body>
<p>How many fingers am I holding up?</p>
<p><input type="text" id="guess"> <button id="checkGuess">Guess!</button></p>
<div id="image"></div>
<div id="text"></div>
<script type="text/javascript">
var imgArray = new Array();
imgArray[1] = new Image();
imgArray[1].src="images/1.png";
imgArray[2] = new Image();
imgArray[2].src="images/2.png";
imgArray[3] = new Image();
imgArray[3].src="images/3.png";
imgArray[4] = new Image();
imgArray[4].src="images/4.png";
imgArray[5] = new Image();
imgArray[5].src="images/5.png";
document.getElementById("checkGuess").onclick = function() {
var randomNumber = Math.random();
randomNumber = randomNumber * 6;
randomNumber = Math.floor(randomNumber);
if (document.getElementById("guess").value == randomNumber) {
doument.getElementById("image").innerHTML = imgArray[num] + alert("Well done! You got it!");
} else {
alert("Nope! The number was " + randomNumber);
}
}
</script>
</body>
おかげでみんな:
ここで私が持っているコードです!あなたの助けに感謝!
乾杯! Char
'modals'を試してみることができます。 http://www.w3schools.com/bootstrap/bootstrap_modal.asp –