0

このコードを作成して乱数の10個の画像を生成しようとしているので、ボタンをクリックするたびに乱数の画像が取得され、この1つの画像が必要で、ボタンが消えないので再試行できます.

<!DOCTYPE html>
<html>
<body>

<input class="randombutton" type="button" value="Randomize" onclick="randomImg1()"/>

<script type="text/javascript">
    function randomImg1() {


      myImages1 = "Myimage.jpg";

      var rnd = Math.floor( Math.random() * 10 );

     document.write(myImages1[rnd]);
    }

</script>

</body>
</html>
4

2 に答える 2

3

を使用するのではなく、コンテンツを動的に更新する必要がありますdocument.write。さらに、myImages1 は配列でなければなりません。

<!DOCTYPE html>
<html>
<body>

<input class="randombutton" type="button" value="Randomize" onclick="randomImg1()"/>

<script type="text/javascript">
    function randomImg1() {


      myImages1 = new Array();
      myImages1[0] = "Myimage.jpg";
      myImages1[1] = "Myimage1.jpg";

      var rnd = Math.floor( Math.random() * myImages1.length ); //incorporated other solution

      document.getElementById("image").innerHTML = "<img src='" + myImages1[rnd] + "' alt='image'></img>";
    }

</script>
<div id="image"></div>
</body>
</html>
于 2013-08-06T00:46:20.820 に答える
3

myImages1 は配列ではなく文字列です。また、random() に配列内の要素数を掛ける必要があります。

function randomImg1() {
   var myImages1 = ['Myimage.jpg'];
   var rnd = Math.floor(Math.random() * myImages1.length );
   document.write(myImages1[rnd]);
}
于 2013-08-06T00:46:50.697 に答える