Onclick message with javascript does not hold [closed]

Question

Onclick message with javascript does not hold [closed]

Navigation

#1 by (2 votes)
#2 by (1 votes)
#3 by (1 votes)

3

I have the following code to show a message when I press a certain button, but the message disappears almost instantaneously and can not be read correctly:

function informacion() {
  document.getElementById("info").innerHTML = "Preferencias Actualizadas!";
}

<div class="text-center">
  <button onclick="informacion()" type="submit" value="submit" name="submit" class="btn btn-primary">Guardar</button>
</div>
<br>

<p class="text-center" id="info"></p>

javascript

asked by Alejandro 26.03.2018 в 18:42

source

3 answers

Print array in php Error Mysqli mysqli_query () expects parameter 1 to be mysqli, even if I am already giving you the two parameters that you request [duplicated]

score 2 · Answer 1

If you have no major problem in making modifications, do the following

remove the submit attribute and leave it like this

remove the call to the function and just put an id

Use the addEventListener to link the button with the click event

Here is a functional example that will leave the text visible

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div class="text-center">
  <button id="envio" class="btn btn-primary">Guardar</button>
</div>
<br>

<p class="text-center" id="info"></p>
  <script>
    const envio = document.getElementById("envio")
    
    envio.addEventListener("click", function () {
      let aviso = document.getElementById("info")
      aviso.innerHTML = "Enviado correctamente"
    })
  </script>
</body>
</html>

score 1 · Answer 2

1

The problem is that your button makes a submit when you click.

Remove the attribute of type="submit" and take a test.

answered by 26.03.2018 в 19:57

score 1 · Answer 3

    <html>
<head>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">
    </script>
<head>
<script>
 function myFunction() {
    swal("Good job!", "You clicked the button!", "success");
}
</script>
<body>
  <button onclick="myFunction()">Click me</button>
</body>
</html>