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

Question

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

CODEPEN：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