Hola a todo el foro. Soy bastante nuevo en estas batallas con la programacion, asi que soy un poco ignorante. He buscado ya en el foro alguna ayuda de hilos anteriores pero no he encontrado una solucion aplicable a mi caso.
Estoy intentando cambiar una parte del estilo css con el DOM
getElementByClassName
pero no se exactamente cual es la sintaxis correcta para hacer esto. Este es el codigo.
<!DOCTYPE HTML>
<html>
<head>
<title>Cuento verbos a1</title>
<meta charset="utf-8">
<link rel="stylesheet"type="text/css"href="../../hsejer.css">
<style type="text/css">
.inp {
background-color: #E9E9E9;
border: 2px solid #A8A8A8;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href='verbos.html'>Mas ejercicios</a></li>
<li><a href='../primero.html'>Menu principal</a></li>
<li></li>
</ul>
</nav>
<div>
<h2><center><ins>ESTAR</ins></ceter></h2>
<h3>Yo<input type="text"id="1s" class="inp" title="r1"></h3>
<h3>Tu<input type="text"id="2s" class="inp" title="r2"></h3>
<h3>El/ella/ello<input type="text"id="3s" class="inp" title="r3"></h3>
<h3>Nosotros<input type="text"id="1p" class="inp" title="r4"></h3>
<h3>Vosotros<input type="text"id="2p" class="inp" title="r5"></h3>
<h3>Ellos<input type="text"id="3p" class="inp" title="r6"></h3>
</div>
<input type="button" onClick="javascript
:colores();comprobar()" value= "boton input">
<script type = "text/javascript">
function comprobar(){
var n1 = document.getElementById("1s").value;
var n2 = document.getElementById("2s").value;
var n3 = document.getElementById("3s").value;
var n4 = document.getElementById("1p").value;
var n5 = document.getElementById("2p").value;
var n6 = document.getElementById("3p").value;
if (n1 == "estoy")
{n1 = (1)}
else {n1 = (0)}
if (n2 == "estas")
{n2 = (1)}
else {n2 = (0)}
if (n3 == "esta")
{n3 = (1)}
else {n3 = (0)}
if (n4 == "estamos")
{n4 = (1)}
else {n4 = (0)}
if (n5 == "estais")
{n5 = (1)}
else {n5 = (0)}
if (n6 == "estan")
{n6 = (1)}
else {n6 = (0)}
alert((Math.round(((n1+n2+n3+n4+n5+n6)/6)*100))+"% Correcto")
}
function colores(){
var cambio = document.getElementByClassName('inp').style.backgr ound-color: '#B4DD53';
</script>
</body>
</html>
El problema lo tengo en la linea de:
var cambio = document.getElementByClassName('inp').style.backgr ound-color: '#B4DD53';
Muchas gracias de antemano.