- 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>
Код (разметка):