Total Noob – элементы не отображаются на странице до тех пор, пока не будут даны ответы на запросы.

  • Автор темы ALeek7777777
  • 16
  • Обновлено
  • 15, May 2024
  • #1
Привет всем, и извините, что начинаю с того, что, должно быть, вызывает незначительное раздражение у большинства из вас.

Я пытаюсь научиться изменять существующие данные на странице в соответствии с предложенным вводом.

Проблема в том, что существующие данные не отображаются при загрузке страницы, поэтому все, что вы видите, — это изменения после ответа на запросы.

Может кто-нибудь сказать мне, что я делаю не так.

и извините, если я спрашиваю об этом не в том месте.

 

<!DOCTYPE html>

<html>

<head>

<meta charset = "utf-8">

<title>testing</title>

</head>

<body>

<div>

<h1 id = "name">Chucky</h1>

<h2 id = "gender">male</h2>

<img id = "pic" src = "[URL='https://lumtu.com/yti/awZZwaWZodHRwOi8vbmV0YW5pbWF0aW9ucy5uZXQvQW5pbWF0ZWQtZ2lmLXNwaW5uaW5nLXF1ZXN0aW9uLW1hcmstcGljdHVyZS1tb3Zpbmcumbp']http://www.netanimations.net/Animated-gif-spinning-question-mark-picture-moving.gif[/URL]"

alt = "альтернативное описание">

<p>Two best friends:</p>

<ol>

<li id = "friend1">Freddy Kruger</li>

<li id = "friend2">Not Trump</li>

</ol>

</div>

<script>

//Get user answers to change existing

document.getElementById("name").innerHTML = prompt("What's your name: ");

document.getElementById("friend1").innerHTML = prompt("Best friend: ");

document.getElementById("friend2").innerHTML = prompt("2nd best friend: ");

var maleFemale = prompt("Are you male or female: ");

// conditional image change

if(maleFemale == 'male'){

document.getElementById("pic").src = "[URL='https://lumtu.com/yti/commocGdodHRwczovL3JhZGRlemlnbnMtcmFkZGV6aWducy5uZXRkbmEtc3NsLmNvbS9kZWNhbF9waWNzLzEwMDgzX0JsYWNrLNWY']https://raddezigns-raddezigns.netdna-ssl.com/decal_pics/10083_Black.jpg[/URL]";

document.getElementById("gender").innerHTML = "male";

} else{

document.getElementById("pic").src = "[URL='https://lumtu.com/yti/cgaagcGdodHRwczovL2kucGluaW1nLmNvbS9vcmlnaW5hbHMvYzAvODQvOTAvYzA4NDkwNTcwMzhhOGFjZWFkZThlNTRjMDg2YjdiMmMumMi']https://i.pinimg.com/originals/c0/84/90/c0849057038a8aceade8e54c086b7b2c.jpg[/URL]";

document.getElementById("gender").innerHTML = "female";

}

</script>

</body>

</html>

Код (разметка):

ALeek7777777


Рег
28 Feb, 2015

Тем
2

Постов
2

Баллов
22
Тем
49554
Комментарии
57426
Опыт
552966

Интересно