javascript - 单击按钮时显示/阻止消息

Question

我在标题中保留了通知按钮。当用户点击 Get notified 时，它应该替换为消息 Notified successfully

编码:CODEPEN

HTML

<li style="display:none" id="l1"><a href="#about">Notified soccessfully ..</a>
</li>
<li><a style="display:block" id="l2" href="#about">Email</a>
</li>
<li>
<div id="input-collection" class="input-group input-group-lg left-input-group">

JS

function notify()
{
  alert("hi");
  document.getElementById("l2").dispaly='none';
  document.getElementById("input-collection").dispaly='none';
  document.getElementById("l1").dispaly='block';
}

在 codepen 中，不知道我的代码有什么问题。

Answer 1

IT 应该是 display 而不是 dispaly 你应该提供 .style

function notify()
{
    alert("hi");
    document.getElementById("l2").style.display='none'; // Changed
    document.getElementById("input-collection").style.display='none'; // Changed
    document.getElementById("l1").style.display='block'; // Changed
}

Code Pen