23 lines
448 B
HTML
23 lines
448 B
HTML
<html>
|
|
<body>
|
|
<script>
|
|
function changeVisibility(){
|
|
document.getElementById("shape").classList.toggle("hide");
|
|
}
|
|
</script>
|
|
<style>
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.square {
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: yellow;
|
|
}
|
|
</style>
|
|
<div id="shape" class="square"></div>
|
|
|
|
<button onclick="changeVisibility()">Magic!</button>
|
|
</body>
|
|
</html> |