estoy atascada con el siguiente ejercicio, tengo que utilizar el DOM y el atributo onclik con el siguiente código pero las siguientes funciones no sé ni como hacerlas ni como empezarlas, ya que no dispongo de más explicación e información de las mismas, más allá del código que me han dado:
- ponerTrazoEncima()
- ponerTrazoDebajo()
- mostrarCelda()
- modificarCelda()
Este sería el código html, que me han dado:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ejemplo de tablas</title>
<script type="text/javascript" src="Pruebas.js"></script>
<style>
table,
td {
border: 1px solid black;
}
</style>
</head>
<body>
<div id="resultado"></div>
<table id="miTabla" border="1" cellspacing="1" cellpading="1">
<tr>
<td>Modelo</td>
<td>Potencia</td>
</tr>
<tr>
<td>Ferrari 512 BB</td>
<td>380CV</td>
</tr>
<tr>
<td>Lamborghini Miura</td>
<td>385CV</td>
</tr>
<tr>
<td>Porsche 964 3.6</td>
<td>360CV</td>
</tr>
</table>
<br /><br />
<form>
Añadir o Eliminar el trazo de delimitación de la tabla <br />
<input type="button" id="botonEncima" value="Trazo por encima de la tabla" onclick="ponerTrazoEncima();" />
<br />
<input type="button" id="botondebajo" value="Trazo por debajo de la tabla" onclick="ponerTrazoDebajo();" />
<br />
</form>
<br /><br />
<form name="mostrar">
Formulario para mostrar celdas (Número de línea entre 0 y 3)<br />
<input type="text" id="numLinea1" value="" />
<br />
Número de columna (entre 0 y 1)<br />
<input type="text" id="numColumna1" value="" />
<br />
<input type="button" id="botonMostrarCelda" value="Botón que muestra una celda" onclick="mostrarCelda();" />
<br />
</form>
<form name="modificar">
Formulario para modificar celdas (Número de línea entre 0 y 3)<br />
<input type="text" id="numLinea2" value="" />
<br />
Número de columna (entre 0 y 1)<br />
<input type="text" id="numColumna2" value="" />
<br />
<input type="button" id="botonMostrarCelda" value="Botón que modifica una celda" onclick="modificarCelda();" />
<br />
</form>
</body>
</html>
Os agradezco cualquier ayuda o corrección. Muchas gracias!
Pruebas.js
?<button onclick="func()">PULSAR</button>
function func() { //Código Js}