Mi html no funciona. Quiero verificar que el usuario esté prohibido o no, entonces usé:
<html> <head style="background-color:#171745"> <style> h1 { color:white; } h3 { color:white; } h5 { color:gray; } p { color:white; } </style> </head> <body> <script> function checkCookie() { let ban = getCookie("banned"); if (ban != "1") { alert("You are banned."); } else { window.location.replace("https://tuan-os.github.io/home") alert("Welcome"); } } </script> </body> </html>El usuario que está prohibido recibirá un mensaje que dice que está prohibido. El usuario no prohibido es redirigido a tuan-os.github.io/home. Pero cuando lo pruebo, el frente de mis ojos está en blanco y no se redirige como creo. Y no lo haré, la cookie no es detectada por la verificación....
En primer lugar, no está llamando a la función:
<script type="text/javascript"> function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(";").shift(); } function checkCookie() { let ban = getCookie("banned"); if (ban != "1") { alert("You are banned."); } else { window.location.replace("https://tuan-os.github.io/home"); alert("Welcome"); } } checkCookie(); // You should always call the function after creating </script> En segundo lugar, no hay una función getCookie por defecto. Debe crear uno usando el script como se muestra a continuación si desea que una cookie se almacene en el navegador:
function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(";").shift(); }