传参小例子--点击哪个按钮显示相对应的盒子

<button  onclick="fun('box1');">盒子1</button> <!--'box1'是实参，点击之后把实参传给形参  引号是外双内单 -->
<button  onclick="fun('box2');">盒子2</button>
<button  onclick="fun('box3');">盒子3</button>
<button  onclick="fun('box4');">盒子4</button>
<div id="box1">1</div>
<div id="box2">2</div>
<div id="box3">3</div>
<div id="box4">4</div>

div {
width: 100px;
height: 100px;
background-color: pink;
margin: 20px;
display: none;
}

<script>
function fun(obj){ //obj是形参,不加引号  目的是为了接受实参
var target = document.getElementById(obj); //obj是形参,不加引号
target.style.display = "block";
}
</script>