Quería hacer que mi sitio web mostrara algo si no usaban JavaScript. Sé que podría usar la etiqueta <noscript> , pero si tengo CSS en mi página, quiero que borre mi CSS para que pueda leer el texto.
function test() { alert("you are using javascript!"); } body { background-color:#200; } <input type="button" value="Click Me with JavaScript" onClick="test()"> <noscript>You liar! You don't have JavaScript!</noscript>Lo más fácil es crear un pequeño archivo css para tener el CSS noscript , como se muestra a continuación. Tenga en cuenta que puede diseñar el texto como desee. Este es solo un ejemplo. Incluso puede agregar su css que desea ejecutar solo en un entorno sin script en esta hoja
body:before{ content: 'Please turn on Javascript'; color: white; font-family: sans-serif; font-size: 2em; font-weight: bold; text-align: center; width: 100%; padding: 1em 0; background: rgba(0,0,0,0.9); }Luego agregue el siguiente HTML
<noscript> <link rel="stylesheet" type="text/css" href="noscript.css"> </noscript>