JavaScript - Aprendiendo programar

 
Vista:
sin imagen de perfil

Aprendiendo programar

Publicado por paco (6 intervenciones) el 01/11/2021 11:48:01
¡Hola Mundo! estoy aprendiendo a usar JS con el HTML y me acaba de surgir un pequeño problema en un ejercicio que estaba realizando.
Al crear un botón en el HTML con la etiqueta button y añadirle una función de JS, mi intención es que al pulsar el botón aparezca debajo de este el mensaje o la lista que llama esta función.
La función se realiza correctamente el único problema que tengo es que al pulsar el botón se actualiza la pagina y sale el mensaje y todo en la pagina actualizada, perdiendo todo el contenido de esta.
Si me sigue dando mucho problemas os pego el código para que me ayudéis a ver el fallo, de momento preferiría ver opiniones y "pegarme" un poco con ello ^^
os adjunto ejemplo de botón como lo tendría:
<button type="button" onclick="funcion();">Soy un Boton</button>

Gracias a todos ^^
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de 7aamin
Val: 9
Ha aumentado su posición en 6 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Aprendiendo programar

Publicado por 7aamin (79 intervenciones) el 01/11/2021 15:33:01
Debes poner prevent Default:
1
2
3
4
5
6
<button type="button" onclick="funcion(event);">Soy un Boton</button>
<script>
   funcion = event => {
      event.preventDefault();
  }
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar