Linha 65:
Linha 65:
|-
|-
|}
|}
−
<br>
−
need javascript <br>
−
<style>
−
table.tb { border-collapse: collapse; width:300px; }
−
.tb th, .tb td { padding: 5px; border: solid 1px #777; }
−
.tb th { background-color: lightblue;}
−
</style>
−
−
<table class="tb" id="mytable">
−
<tr>
−
<th>First name</th>
−
<th>Last name</th>
−
</tr>
−
<tr>
−
<td>Denice</td>
−
<td>Hobermann</td>
−
</tr>
−
<tr>
−
<td>Paulo</td>
−
<td>Cornell</td>
−
</tr>
−
<tr>
−
<td>Jane</td>
−
<td>Hollander</td>
−
</tr>
−
</table>
−
−
<br />
−
<button onclick="toggle(this);">Hide table</button>
−
−
<script>
−
let toggle = button => {
−
let element = document.getElementById("mytable");
−
let hidden = element.getAttribute("hidden");
−
−
if (hidden) {
−
element.removeAttribute("hidden");
−
button.innerText = "Hide table";
−
} else {
−
element.setAttribute("hidden", "hidden");
−
button.innerText = "Show table";
−
}
−
}
−
</script>
=Criação de novo projeto=
=Criação de novo projeto=