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

  • Автор темы Impumpict
  • Обновлено
  • 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>
Код (разметка):

Impumpict


Рег
28 Feb, 2015

Тем
80

Постов
186

Баллов
616
Тем
403,760
Комментарии
400,028
Опыт
2,418,908

Интересно