Share code nút hiện số điện thoại khi click vào giống batdongsan.com.vn

[VNIT]

Tình cờ thấy trên batdongsan có cái nút khá là hay nên share cho các bạn

Sử dụng JS để làm là xong. Code mình tìm mãi trên mạng mà ko thấy ai share cả nên làm cho các bạn dùng

Demo: https://bds3.khowordpress.com/

Toàn bộ code Tạo nút hiện số điện thoại giống batdongsan.com.vn đây

<div id="welcome" class="panel">



  <button class="button" id="okButton">Click để xem số điện thoại</button>



</div>



<div id="awesome" class="panel" hidden>

Số điện thoại: 0932544567

</a>

</div>



<script>document.getElementById("okButton").addEventListener(



  "click",



  () => {



document.getElementById("welcome").hidden = true;



document.getElementById("awesome").hidden = false;



  },



  false,



);



</script>

Thêm css cho nó nữa là xong

.panel {

  font-size:20px ;

}



.button {

  font-size: 16px;

    padding: 5px 6px;

    background: #d9534f;

    color: #fff;

    cursor: pointer;

  border: solid 1px rgba(0, 0, 0, 0.1);

}