JSFiddle - React, Tailwind, and code Playground

by Zona Hentongerz

HTML

<div id='welcome_bar'>
    Sekarang Anda bisa unduh update terbaru dari blog ini, silahkan klik <a href='zonahentongerz.blogspot.com' title='Unduh Update'>di sini</a>
    <span data-target='#welcome_bar' id='close_welcome_bar'>&#215;</span>
</div>

CSS

#welcome_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#ff847e;color:#fff;position:relative;margin:0 auto;font-weight:normal}
#welcome_bar a{background:#3B81DE;color:#fff;padding:0 6px;border:1px solid transparent;border-radius:4px;font-weight:bold;}
#close_welcome_bar {display:inline-block;cursor:pointer;padding:0 4px;position:absolute;top:0px;right:5px;font-weight:bold;font-size:18px}

JavaScript

var button=document.querySelector("#close_welcome_bar");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="none"==t.style.display?"block":"none"});