jridenour5 22 октября 2019 0

Почему мои изображения не отображаются при размещении в моих функциях? Моя функция верна?

jridenour5 / 22 октября 2019

Я пытаюсь получить два изображения кристалла, чтобы случайным образом отображать число на кристалле после нажатия кнопки.

function SelectImage() {
  var roll = Math.floor(6 * Math.random()) + 1;
  var imgName = 'images/die' + roll + '.gif';
  document.getElementById("dieImg").src = imgName;

  function SelectImage1() {
    var roll1 = Math.floor(6 * Math.random()) + 1;
    var imgName1 = 'images/die' + roll + '.gif';
    document.getElementById("dieImg1").src = imgName1;
  }

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Die Rolls</title>
</head>

<body onload="SelectImage();SelectImage1();">

  <p><img id="dieImg" height=7 0 width=7 0><img id="dieImg1" height=7 0 width=7 0></p>

  <input type="button" value="Click to Roll" onclick="SelectImage(); SelectImage1();">

</body>

</html>

Я ожидал, что на обоих изображениях будет отображаться изображение штампа, и при нажатии кнопки оно будет изменено на случайное число.

1 Ответ

Thomas Ludewig / 22 октября 2019

Хм добавление недостающей скобки может сильно помочь;)

function SelectImage() {
    var roll = Math.floor(6 * Math.random()) + 1;
    var imgName = 'images/die' + roll + '.gif';
    document.getElementById("dieImg").src = imgName;
} //  <<<<<<<<<<<<<<<<<<<<

function SelectImage1() {
    var roll1 = Math.floor(6 * Math.random()) + 1;
    var imgName1 = 'images/die' + roll + '.gif';
    document.getElementById("dieImg1").src = imgName1;
}

...