<body>
<!-- <dialog open> -->
dialog id = "modal">
<h2>Curso de HTML5 desde cero </h2>
<p>Precio: $/ 134.00</p>
<p>Profesor: Alvaro Felipe</p>
<button id ="close">Cerrar</button/>
</dialog>
<button id ="button">Abrir modal</button>
<h2>Curso de HTML5 desde cero </h2>
<p>Precio: $/ 134.00</p>
<p>Profesor: Alvaro Felipe</p>
</dialog>
<h1>Contenido interactivo </h1>
<details>
<summary>HTML</summary>
<p>Lenguaje de marcado de hipertexto</p>
<p>Se creo el 1989</p>
</details>
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
button.addEventListener('click', () => {
modal.setAttribute('open', 'true' )
})
close.addEventListener('click', () => {
modal.removeAttribute('open')
})
</script>
</body>
</html>
button.addEventListener('click,myfuncion');
function myfuncion(){
//código a ejecutar
}
button.addEventListener('click,myfuncion');
function myfuncion(evento){
//código a ejecutar
/*evento: variable con la que puedes obtener información sobre el sistema,
*/por ejemplo, la posición del cursor, la tecla oprimida (obviamente dependiendo del evento a utilizar).
}
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
button.addEventListener('click,myfuncion');
function myfuncion(evento){
//código a ejecutar
modal.setAttribute('open', 'true' )
})
close.addEventListener('click', () {
close modal.removeAttribute('open')
}))
ahi tienes las nuevas lineas donde da error como vez el error anterior desaparecio pero ahora tenemos este nuevo en
})
close.addEventListener('click', () {
close modal.removeAttribute('open')
})
Parte final del scipt al quitarlo desaparece el error pero no abrer ni cierra el boton que es lo que querremos con el script
aqgradezco tu ayuda
</script>
</body>
</html>
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
button.addEventListener('click', {
modal.setAttribute('open',, true )
})
close.addEventListener('click', {
modal.removeAttribute('open')
})
</script>
//código a ejecutar
close.addEventListener('click',laFuncion() {
modal.setAttribute('open', 'true');
})
close.addEventListener('click',laFuncion2() {
close modal.removeAttribute('open')})
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
-->button.addEventListener('click', {
close.addEventListener('click',la funcion() {
modal.setAttribute('open', 'true' )
})
close.addEventListener('click',laFuncion2() {
close modal.removeAttribute('open')})
</script>
ok continua el error ahora en linea 1 de tu codigo
//código a ejecutar
close.addEventListener('click',laFuncion() {
modal.setAttribute('open', 'true');
})
close.addEventListener('click',laFuncion2() {
close modal.removeAttribute('open')})
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
button.addEventListener('click', {
modal.setAttribute('open', 'true' )
})
close.addEventListener('click', {
modal.removeAttribute('open')
})
</script>
</body>
</html>
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
button.addEventListener('click', {
modal.setAttribute('open', 'true' ) AQUI ESTA el error
})
close.addEventListener('click', {
modal.removeAttribute('open')
})
</script>
</body>
</html>
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
close.addEventListener('click',lafuncion()
{
modal.setAttribute('open', 'true' )
})
close.addEventListener('click',laFuncion2() {
close modal.removeAttribute('open')})
close.addEventListener('click',lafuncion()
{
modal.setAttribute('open', 'true' )
})
close.addEventListener('click',laFuncion2() {
close.modal.removeAttribute('open')
})
</script>
close.addEventListener('click',lafuncion()
{
modal.setAttribute('open', 'true' )
})
close.addEventListener('click',laFuncion2() {
close.modal.removeAttribute('open')
}
close.addEventListener('click',lafuncion()
{
modal.setAttribute('open', 'true' )
})
close.addEventListener('click',laFuncion2()
{
close.modal.removeAttribute('open')
})
<dialog id = "modal">
<h2>Curso de HTML5 desde cero </h2>
<p>Precio: $/ 134.00</p>
<p>Profesor: Alvaro Felipe</p>
<button id ="close">Cerrar</button>
</dialog>
<button id ="button">Abrir modal</button>
<h2>Curso de HTML5 desde cero </h2>
<p>Precio: $/ 134.00</p>
<p>Profesor: Alvaro Felipe</p>
</dialog>
<h1>Contenido interactivo </h1>
<details>
<summary>HTML</summary>
<p>Lenguaje de marcado de hipertexto</p>
<p>Se creo el 1989</p>
</details>
<script>
const modal = document.getElementById('modal');
const button = document.getElementById('button');
const close = document.getElementById('close');
button.addEventListener('click', {
modal.setAttribute('open', 'true' )
})
close.addEventListener('click', {
modal.removeAttribute('open')
})
</script>
ESE es el programa que se dio en el video el cual anexo su link
https://www.youtube.com/watch?v=BKqqvGG0fnQ&list=PLv6CkzbbGAlXld23oW5eTzoSrtHkV6i99&index=25&t=35s el script esta en los minutos finales
concentremonos aqui en estas lineas es que da el error
button.addEventListener('click', {
modal.setAttribute('open', 'true' )
})
close.addEventListener('click', {
modal.removeAttribute('open')
})