js5.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>

</style>

<script>
    window.onload = function(){
        var y = document.getElementById("tx1")
        var x = document.getElementById("bt1")
        var z = document.getElementById("sel1")
        var img1=document.getElementById("img1")
        var img2=document.getElementById("img2")
        var img3=document.getElementById("img3")
        var img4=document.getElementById("img4")
        for(var i=0;i++;1<5) {
            x.onclick = function () {
                imgi.src = imgi+1.src
            }
        }
    }
</script>
<body>
<input type="text" id = "tx1" value="">
<select id ="sel1">
    <option value="杭州">杭州</option>
    <option value="上海">上海</option>
    <option value="北京">北京</option>
<input type="button"    value="按钮"  id="bt1">
    <br>
    <img src="DSC_0484.jpg" id="img1" style="width:200px;height:200px;" style="visibility: visible">
    <img src="DSC_0486.jpg" id="img2" style="width:200px;height:200px;">
    <img src="DSC_0496.jpg" id="img3" style="width:200px;height:200px;">
    <img src="DSC_0497.jpg" id="img4" style="width:200px;height:200px;">
    <img src="DSC_0507.jpg" id="img5" style="width:200px;height:200px;">
</body>
</html>