console
window.onload = function() {
document.getElementById('btn').onclick = function() {
var input1 = document.getElementById("input1");
var show = document.getElementById("show");
if (input1.value == 1) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/TItvNmVdf7oSaAu.gif' > ";
} else if (input1.value == 2) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/cUp2BNQEhdHSear.jpg' > ";
} else if (input1.value == 3) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/X9FdrS4DVoHyNPB.jpg' > ";
} else if (input1.value == 4) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/LnRb9HjVuYAkDP6.png' > ";
} else if (input1.value == 5) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/ZLcJaHo784iIT2r.jpg' > ";
} else if (input1.value == 6) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/wdAKpegInrolJ6X.jpg' > ";
} else if (input1.value == 7) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/TPZMlGkEVc4Rh5q.jpg' > ";
} else if (input1.value == 8) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/GYiuk4OSbnLtve3.jpg' > ";
} else if (input1.value == 9) {
show.innerHTML = "<img src = 'https://i.loli.net/2020/04/14/eDq4NiakAyI1RlZ.jpg' > ";
} else {
show.innerHTML = "<span>请输入数字1,2,3,4,5,6,7,8,9</span>";
}
}
}
<h1>欢迎来到阿伟乱葬岗</h1>
<div id="show"></div>
<div>
<span>请输入一个数字 </span>
<span><input type="text" id="input1"></span>
<span><input id="btn" type="button" value="提交" ></span>
<p>1 2 3 4 5 6 7 8 9</p>
</div>
#show {
width: 500px;
height: 350px;
background-color: lightcoral;
}
div {
border: 1px solid black;
width: 500px;
height:50px;
margin-bottom: 10px;
padding: 30px;
}