HTML - Image

pytanie zadane 10 września 2018 w HTML i CSS przez Stroxin Nowicjusz (150 p.)

Witam! Kilka dni temu rozpocząłem swoją przygodę z HTML.

Mam pewien problem odnośnie działania zmiennych.

Mój problem jest w tym, że nie odczytuje się link ze zmiennej którą chcę wprowadzić w obrazek,

Wiem, że dla was może wydawać się to proste ale w internecie niestety nie znalazłem na to odpowiedź.

Dzięki za pomoc!

  <head>
  <script>
  var x = 1;
  var image = "cheat.png";
    setInterval(function()
	{
	x+=1;
	if (x % 2 == 0)
	{
    alert("Podana liczba jest parzysta");
	}
	else{alert ("Podana liczba jest nieparzysta!")}
	
	document.getElementById("myText").innerHTML = x;
	document.getElementById("imageBox").src = image;
	}, 1000);
 </script>
  </head>
 <body onload="myFunction()" background = "fort.png")>

<h1>"the value for number is: " <span id="myText"></span></h1>

 <img src = "imageBox"> </img>
 
 </body>

1 odpowiedź

odpowiedź 10 września 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
wybrane 10 września 2018 przez Stroxin

Najlepsza

 document.getElementById("imageBox").src = image;

Odwołujesz się do ID o nazwie imageBox

 <img src="imageBox"> </img>

Nie masz takiego ID.

Mam nadzieję, że już jasne.

komentarz 10 września 2018 przez Stroxin Nowicjusz (150 p.)

var image = "cheat.png";

komentarz 10 września 2018 przez Stroxin Nowicjusz (150 p.)

var image = "cheat.png";

document.getElementById("imageBox").src = image;

<img src="imageBox"> </img>

Nie wiem o jakie ID Tobie chodziło, być może nie wiedziałeś, że jest tam zmienna variable z linkiem.

komentarz 10 września 2018 przez shotokan Nałogowiec (39,660 p.)

Po pierwsze metoda getElementById() pobiera dany element o podanym id. U Ciebie tylko span ma id o nazwie " myText ", a Ty podajesz jako nazwę id " imageBox " więc nie ma szans, aby to zadziałało.
Po drugie skrypty JS umieszcza się na samym końcu, tuż przez zamykającym znacznikiem body. W Twoim przypadku najpierw uruchomi się skrypt, a potem wczyta HTML. W skrypcie odwołujesz się do elementów, które jeszcze nie powstały (bo są napisane za skryptem).