Escribí una página html simple para probar la API de notificación de JavaScript, pero por alguna razón, cuando quiero enviar el formulario para activar la notificación, no aparece y el navegador me sigue pidiendo permiso para permitir la notificación. ¿Puede alguien decirme por qué la notificación? no aparece?
El código es el siguiente:
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>testing notification</title> </head> <body> <form id="myform" name="meForm" method="post" action="#"> <input type="text" name="para"><br> <input type="text" name="para2"><br> <select name="location" id="selLocation"> <option value="Sunnyvale, CA">Sunnyvales</option> <option value="Los Angeles, CA">Los-Angeles</option> <option value="Mountain View, CA">Mountain Views</option> <option value="">China</option> <option>Australia</option> </select><br> <input type="submit" name="submitButton" id="sub"> </form> <script type="text/javascript" > const form=document.querySelector("#myform"); Notification.requestPermission().then((permission)=>{ console.log('the permission is ' , permission) }); form.addEventListener("submit", (event)=>{ //event.preventDefault() let not=new Notification("hey",{ body:"you submitted the form successfully"}); setTimeout(()=>{ not.close()},5000) }); </script> </body> </html>Documentos de Mozilla sobre la API de notificaciones
Esta función solo está disponible en contextos seguros, por lo que debe probarla en un dominio con https habilitado
Pero su código está bien y debería funcionar como se esperaba