Pessoal ainda estou galgando na area de Ti, alguém poderia me ajudar com o seguinte código, seria coisa simples mas de extrema importância no trabalho do meu curso, segue o código Html
<html>
<head>
<title>Projeto</title>
<style>
body {text-align: center; }
.retangulo {margin: auto; border: 2px solid black;}
#ret0 {width: 400px;background-color: gray;}
#ret1 {background-color: red;}
#ret2 {background-color: yellow;}
#ret3 {background-color: green;}
#ret0 div {
margin: 20px auto;
width: 64px;
height: 64px;
}
</style>
<script type="text/javascript" src="java.js"></script>
</head>
<body>
<div id="ret0" class="retangulo">
<div id="ret1" class="retangulo"></div>
<div id="ret2" class="retangulo"></div>
<div id="ret3" class="retangulo"></div>
<p id="texto">O que o JavaScript Pode fazer.</p>
<input type="button" onclick="acao()"value="Ação"/>
</div>
<p><em>Maxwell Gomes de Arruda</em></p>
</body>
</html>
Nesse caso esse é o meu código index.html. O que eu queria era que no arquivo java.js - ao clicar em cada quadrado colorido(individualmente) aparecesse um "texto" e ao clicar no botão ação, apagasse os texto inseridos nos quadrados coloridos.
java.js
.