Dúvida quando a um botão.

ArturPaulino · 12 de julho de 2013

Estava navegando a procura de um botão que fizesse o que eu precisava, e encontrei algo que realmente fizesse o que eu queria... ou quase isso. Eis o código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
<script type="text/javascript">
function insereTexto()
{document.getElementById('divTeste').innerHTML = 'TEXTO';}
</script>
</head>
<body>
<input type='button' onclick='insereTexto()' value=Ver><br/>
<div id="divTeste"> </div>
</body>
</html>

Ao clicar no botão ver, aparece o texto em questão, mas eu gostaria que quando isso acontecesse, no lugar de 'Ver' ficasse OCULTAR, e ao clique em OCULTAR, fosse realmente ocultado, o que nao acontece com esse código.

Obrigado desde já!

Consegui aqui ocultar o texto, o que nao consigo é colocar a palavra OCULTAR no botão...

Atualmente está assim :

Professor X </br>
<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
     <script type="text/javascript">
     var x = 1;
     function insereTexto(){
         if(x==1){
              document.getElementById('divTeste').innerHTML = 'TEXTO EM HTML';
              x=0;
          }else{
              document.getElementById('divTeste').innerHTML = '';
              x=1;
         }
     }
</script>
</head>
<body>
<input type='button' onclick='insereTexto()' value=Ver><br/>
<div id="divTeste"> </div>
</body>
</html>

Tentei botar a palavra como variavel mas nao deu muito certo, olha como ficou :

Professor X </br>
<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
     <script type="text/javascript">
     var x = 1;
     var palavra = Ver;
     function insereTexto(){
         if(x==1){
              document.getElementById('divTeste').innerHTML = 'TEXTO EM HTML';
              x=0;
              palavra = Ver;
          }else{
              document.getElementById('divTeste').innerHTML = '';
              x=1;
              palavra = 'Ocultar';
         }
     }
</script>
</head>
<body>
<input type='button' onclick='insereTexto()' value=palavra><br/>
<div id="divTeste"> </div>
</body>
</html>