Puedo encontrar cosas para mostrar una confirmación js cuando se hace clic en <a onclick/onchange> , pero no quiero eso. lo que quiero que haga es mostrar un div. No quiero que muestre texto js ni nada js además de la ventana emergente de confirmación.

lo que quiero que suceda es que cuando haces clic en la casilla de verificación, aparece un mensaje de confirmación. Cuando presiona Cerrar, no debería permitirle usar el <a href="#"> entonces, si selecciona Aceptar, mostrará el div (el <a href="#"> )

Mi uso para esto es confirmar que estás de acuerdo con nuestra política de privacidad y nuestros términos de uso. Necesitamos esta confirmación secundaria porque si marcan la casilla de verificación sin cuidado y presionan Continuar, su dirección IP, correo electrónico y archivos se compartirán sin saberlo entre mis desarrolladores y yo para asegurarnos de que solo nuestros compañeros de clase estén en el sitio web.

si esto no se puede hacer, simplemente hágalo para que el enlace/botón no aparezca hasta que se marque la casilla de verificación, y agregaremos recordatorios de alerta js de que podemos hacer cualquier cosa que indiquemos en la política de privacidad, y cualquier mal uso de nuestro sitio y código dará como resultado lo que se indica en términos de uso. gracias =D

la siguiente es mi pieza relevante de html (el botón/enlace junto con el html que vino contigo js que intenté usar)

 <div id="mainDiv"> <input type="text" class="form" name="name" placeholder="Your name here!" id="name"/> <input type="button" onclick="clicked();" value="I'm ready!"/> </div> <br> <div id="nameDiv"></div> <a id="a" id="submit_button" href="/main/main.html#foo">CONTINUE</a>

ahora, este es el js que traté de cambiar y usar, pero al final lo cambié de nuevo a como era

 //checkbox js function function clicked() { var name = document.getElementById('name').value; if(confirm('Hello ' + name + ', great to see you!')) { document.getElementById('nameDiv').innerHTML = 'Hello ' + name + ', great to see you!'; document.getElementById('mainDiv').style.display = "none"; } }

por favor, ayúdenme jajaja, estoy tratando de terminar mi sitio web antes de que comiencen las clases nuevamente.

He intentado buscar con cada palabra clave que conozco en muchos motores de búsqueda y sitios, incluidos SO, Glitch, Codeproject.