Mostrar diferentes mensajes de alerta en diferentes eventos de Pulsar el botón usando JavaScript

En este fragmento de código vamos a aprender cómo mostrar diferentes mensajes de alerta utilizando JavaScript haciendo clic en los diferentes botones. Aquí vamos a pasar los ID de botón en función de JavaScript en el evento onClick del botón y la función JavaScript mostrará los mensajes de alerta de acuerdo con la ID de botón.

Código JavaScript fragmentos – de visualización diferentes mensajes de alerta en diferentes eventos de clic de botón

HTML y JavaScript

<!--Display different Alert Message on different Button Click Event.-->
<html>
<head>
<title>Display different Alert Message on different Button Click Event.</title>
<script type="text/javascript">
function showMessage(btnId){
if(btnId=="btnShowMsg1")
alert("You clicked on Button 1.");
else if(btnId=="btnShowMsg2")
alert("You clicked on Button 2.");
else if(btnId=="btnShowMsg3")
alert("You clicked on Button 3.");
else
alert("Invalid Button Id.");
}
</script>
</head>
<body>
<center>
<h1>Display different Alert Message on different Button Click Event.</h1>
<b>Click on button to display message: </b><br><br>
<input type="button" id="btnShowMsg1" value="Button 1" onClick='showMessage(this.id)'/>
<input type="button" id="btnShowMsg2" value="Button 2" onClick='showMessage(this.id)'/>
<input type="button" id="btnShowMsg3" value="Button 3" onClick='showMessage(this.id)'/>
</center>
</body>
</html>

Resultado

Display different Alert Message on different Button Click Event using JavaScript - 4
clic for DEMO y rarr;


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *