message display/block on button click

Question

I have kept notification button in my header. When user click Get notified then it should replace by message 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';
}

In codepen, donno what is the issue with my code.

Change dispaly to display and apply it to its style.

Marios Fakiolas
– Marios Fakiolas

2013-12-31 09:30:47 +00:00
Commented Dec 31, 2013 at 9:30 — Marios Fakiolas
– Marios Fakiolas, Commented Dec 31, 2013 at 9:30

Dhaval Marthak · Accepted Answer · 2013-12-31 09:30:30Z

4

IT should be display not dispaly and you should provide .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

answered Dec 31, 2013 at 9:30

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user3121782 Over a year ago

thanks, still probelm persist. On button click 'notification box' should be replaced by message

Dhaval Marthak Over a year ago

@user3121782 I can see it's replaces email with the messesge! What else you require? Can you elaborate?

user3121782 Over a year ago

notification box should be disappeared. only notified successfully message should apear

Dhaval Marthak Over a year ago

@user3121782 Here is the solution Is that you want? :)

user3121782 Over a year ago

let us continue this discussion in chat

Collectives™ on Stack Overflow

message display/block on button click

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related