SOURCE

console 命令行工具 X clear

                    
>
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;
        }