Ejemplo usando getRlementByClassName javascript


En este ejemplo de javascript mostrare el uso del getRlementByClassName
con el cual mostrare una pregunta facil de java
la cual tendra tres opciones para responder en caso se responda
correcto le pondremos verde color en caso sea mala o color asul color



aquí el código:


<!DOCTYPE html>
<html lang="es">
<head>
<title>seleccion javascript</title>
<meta charset=utf-8>
<style type="text/css">
p { width: 225px;
border: 3px dotted silver;
padding-left: 4px;}
button { margin-top: 16px;}
</style>
<script type="text/javascript">
function go(z) {
if(z==1){
var x1 = document.getElementsByClassName("uno");
x1[0].style.background = "rgb(95,215,135)";
alert('Incorrecto');
}
if(z==2){
var x2 = document.getElementsByClassName("dos");
x2[0].style.background = "rgb(95,215,135)";
alert('Incorrecto');
}
if(z==3){
var x3 = document.getElementsByClassName("tres");
x3[0].style.background = "rgb(195,215,235)";
alert('Correcto');
}
}
</script>
</head>
<body>
Cual es el equivalente de hacer la siguiente ejecusion en java: 6<<1;
<p class="uno" onclick="go(1)"> 120</p>
<p class="dos" onclick="go(2)">30</p>
<p class="tres" onclick="go(3)">12</p>
</body>
</html>


Descargar ejemplo:







Comentarios

Populares

Buscar en este blog