Buen dia por favor me pueden ayudar con una duda.
tengo una tabla html y con javascript tengo un código para seleccionarla la fila y ahora quiero que cuando selecciones la fila me modifique la ultima columna gracias a los que me puedan ayudar a qui les dejo mi código
Código HTML:
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
</script>
<script type="text/javascript">
var seleccionado=null; //contiene la fila seleccionada
function onclickHandler() {
if(seleccionado==this) {
this.style.backgroundColor="transparent";
seleccionado=null;
}
else {
if(seleccionado!=null)
seleccionado.style.backgroundColor="transparent";
this.style.backgroundColor="#e0b";
seleccionado=this;
}
}
var filas=document.getElementById("tabla").getElementsByTagName("tr");
for(var i=0; i<filas.length; i++) {
filas[i].onclick=onclickHandler;
}
function eliminar() {
if(seleccionado==null) return alert("Seleccione una fila haciendo click sobre ella");
seleccionado.style.backgroundColor="#f00";
}
</script>
</head>
<body>
<table border="1" id="tabla">
<tr>
<td>numero</td><td>cosa</td><td>cosa 2</td><td>cosa 3</td><td>cosa 4</td>
</tr>
<tr>
<td>1</td><td>lapiz</td><td>papel</td><td>silla</td><td>xbox</td>
</tr>
<tr>
<td>2</td><td>carro</td><td>casa</td><td>zapato</td><td>radio</td>
</tr>
<tr>
<td>3</td><td>moto</td><td>finca</td><td>balon</td><td>celular</td>
</tr>
<tr>
<td>4</td><td>tv</td><td>avion</td><td>palo</td><td>mouse</td>
</tr>
<tr>
<td>5</td><td>bici</td><td>tren</td><td>casco</td><td>teclado</td>
</tr>
</table>
<input type=button value="Borrar" onclick="eliminar()">
<input type=button value="Modificar">
</body>
</html>