JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<button type="button">close</button>
<div class="wrap">
    wrap222
</div>

CSS

.disabled {display:none;}

JavaScript

var wrap = document.querySelector('.wrap');
var button = document.querySelector('button');

button.addEventListener('click', function(){

    setCookieMobile( "todayCookier1", "done" , 1);
    wrap.classList.add('disabled');
    button.classList.add('disabled');

}, {
    once: true
})


function setCookieMobile ( name, value, expiredays ) {
    var todayDate = new Date();
    todayDate.setDate( todayDate.getDate() + expiredays );
    document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toUTCString() + ";"
}
// var date2 = todayDate;
// console.log(new Date())

(function getCookieMobile () {
    var cookiedata = document.cookie;
    if ( cookiedata.indexOf("todayCookier1=done") < 0 ){
        console.log('remove');
        wrap.classList.remove('disabled');
        button.classList.remove('disabled');
    }
    else {
        console.log('add');
        wrap.classList.add('disabled');
        button.classList.add('disabled');
    }
})()