27 lines
502 B
HTML
27 lines
502 B
HTML
<html>
|
|
<body>
|
|
<script>
|
|
function disappear(){
|
|
document.getElementById("shape").classList.add("hide");
|
|
}
|
|
</script>
|
|
<style>
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
.square {
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: yellow;
|
|
}
|
|
|
|
.square.blue {
|
|
background-color: blue;
|
|
}
|
|
</style>
|
|
<div id="shape" class="square blue"></div>
|
|
|
|
<button onclick="disappear()">Disappear!</button>
|
|
</body>
|
|
</html> |