Javascript按钮onclick不'；不要在第一次点击时工作

我知道以前也有人问过类似的问题，但我是Javascript新手，没有一个答案能帮助我解决问题

我想做的是： 打开模态的四个按钮

但正如标题所说，在按钮被点击两次之前，不会有任何反应

这是我的html：

<a id="myBtn" class="btn" href="javascript:void();" onclick="termsFct(this)">View full terms</a>
<div id="myModal" class="modal">
<div class="modal-content">
<span id="x" class="close">&times;</span>
<h1 class="contract">sample heading</h1>
<h2 class="contract">sample heading</h2>
<p class="fullContract">sample text</p>
</div>
</div>
</td>
<a id="myBtn2" class="btn" href="javascript:void();" onclick="termsFct(this)">View full terms</a>
<div id="myModal2" class="modal">
<div class="modal-content">
<span id="x2" class="close">&times;</span>
<h1 class="contract">sample heading</h1>
<h2 class="sample heading</h2>
<p class="fullContract">sample text</p>
</div>
</div>
</td>
<a id="myBtn3" class="btn" href="javascript:void();" onclick="termsFct(this)">View full terms</a>
<div id="myModal3" class="modal">
<div class="modal-content">
<span id="x3" class="close">&times;</span>
<h1 class="contract">sample heading</h1>
<h2 class="contract">sample heading</h2>
<p class="fullContract">sample text</p>
</div>
</div>
</td>
<a id="myBtn4" class="btn" href="javascript:void();" onclick="termsFct(this)">View full terms</a>
<div id="myModal4" class="modal">
<div class="modal-content">
<span id="x4" class="close">&times;</span>
<h1 class="contract">sample heading</h1>
<h2 class="contract">sample heading</h2>
<p class="fullContract">sample text</p>
</div>
</div>
</td>

如果有人能帮我解决这个问题，甚至更好地帮我缩短Javascript，我将不胜感激

提前谢谢

---

Ken

单击按钮时，termsFct方法已触发。因此，在这个方法中不需要onclick

用以下代码替换btn.onclick部分并添加更多案例

Switch(buttonelement.id){
    Case btn1:
           Modal.style.display="block";
    Break;
    }

---

谢谢你，为什么我没想到呢。

Switch(buttonelement.id){
    Case btn1:
           Modal.style.display="block";
    Break;
    }