JSFiddle - React, Tailwind, and code Playground

by David Joseph Guzsik

HTML

<a id="reminder1" onclick="document.getElementById('reminder2').style.display = ''; document.getElementById('reminder1').style.display = 'none';">
        Set reminder
    </a>
    <a id="reminder2" class="reminder" style="display:none;">
        <input type="text" id="reminderh" size=40 style="font-size:20px;">
        <input type="button" value="Set" onclick="csere(document.getElementById('reminderh').value);">
</a>
<script>
    function csere(qwe){
    document.getElementById('reminder2').style.display = 'none';
    
    var rtz0  =    qwe.replace("á","&aacute;");
    var rtz1  =    rtz0.replace("Á","&Aacute;");
    
    var rtz2  =    rtz1.replace("é","&eacute;");
    var rtz3  =    rtz2.replace("É","&Eacute;");
    
    var rtz4  = rtz3.replace("í","&iacute;");
    var rtz5  =    rtz4.replace("Í","&Iacute;");
    
    var rtz6  =    rtz5.replace("ö","&ouml;");
    var rtz7  =    rtz6.replace("Ö","&Ouml;");
    var rtz8  =    rtz7.replace("ő","&&#337;");
    var rtz9  =    rtz8.replace("Ő","&#336;");
    var rtz10 = rtz9.replace("ó","&oacute;");
    var rtz11 = rtz10.replace("Ó","&Oacute;");
    
    var rtz12 = rtz11.replace("ü","&uuml;");
    var rtz13 = rtz12.replace("Ü","&Uuml;");
    var rtz14 = rtz13.replace("ű","&#369;");
    var rtz15 = rtz14.replace("Ű","&#368;");
    var rtz16 = rtz15.replace("ú","&uacute;");
    var uio = rtz16.replace("Ú","&Uacute;");
    
    //Creates a cookie with the final value (different function)
    //createCookie('reminder',uio,1500);
    document.write(uio)

    document.getElementById('reminder1').style.display = '';
    }
</script>