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
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); }