Soy novato con javascript y aquí está mi problema.
Aquí está mi código
https://codepen.io/nguyencuc2035/pen/XWVXxxKComo puede ver en mi código, escribí un javascript para mostrar un banner llamado brindis en la esquina derecha y aquí está el código
<script> function toast({ title = '', message = '', type = 'info', duration = 3000 }) { const main = documet.getElementById('toast'); if (main) { const toast = documet.createElement('div'); toast.classList.add('toast'); toast.innerHTML = ` <div class="toast__icon"> <i class="fa-solid fa-circle-check"></i> </div> <div class="toast__body"> <h3 class="toast__title">Success</h3> <p class="toast__msg">Import an external stylesheet:</p> </div> <div class="toast__close"> <i class="fa-solid fa-xmark"></i> </div> `; main.appendChild(toast); } } toast({ title: 'Success', message: 'Import an external stylesheet:', type: 'success', duration: 3000 }) </script>Por supuesto, en el archivo styles.css escribí .toast .toast__icon , .toast__body , .toast__close,
Pero mi problema es que, cuando ejecuté mi código, solo muestra el cuerpo de la tostada y el cierre de la tostada, no muestra la tostada.
¿Podría darme algún consejo para este problema? Muchas gracias por tu tiempo.
Jugueteé con su código en Codepen, y parece que ha usado documet y no document . Te falta una N.
Recuerda que debes tener mucho cuidado con la ortografía en JavaScript. Si todavía no funciona, no dude en responder de nuevo. Espero que esto haya ayudado.
Y si ayuda, puede usar jQuery para simplemente agregar el banner. Realmente simplifica el código también.