<!doctype html> <html> <head> </head> <body> <button onclick="myFunction()">Clique aqui</button> <!-- botão que apaga o texto ao ser clicado --> <div id="contextText"><p>Texto que vai sumir</p></div> <!-- div com id --> </body> <script> function myFunction(){ var x = document.getElementById('contextText'); /* a variável x é o texto dentro da div com id="contextText" */ if (x.style.display ==='none'){ /* se o sytle da div for none, ou seja, estiver invisível... */ x.style.display = 'block'; /* ... então faça o style ser block, ou seja, ficar visível... */ } else { x.style.display = 'none'; /* ... caso contrário, (se já estiver visível) faça sumir.*/ } } </script> <!-- teste em seu arquivo scripts.js. Coloque o script no scripts.js e faça o link no HTML. --> </html> Selecione um tema para o editor: default 3024-day 3024-night ambiance ayu-dark ayu-mirage base16-dark base16-light bespin blackboard cobalt colorforth darcula darkside dracula duotone-dark duotone-light eclipse elegant erlang-dark gruvbox-dark hopscotch icecoder idea isotope lesser-dark liquibyte lucario material material-darker material-palenight material-ocean mbo mdn-like midnight monokai moxer neat neo night nord oceanic-next panda-syntax paraiso-dark paraiso-light pastel-on-dark railscasts rubyblue seti shadowfox solarized dark solarized light the-matrix tomorrow-night-bright tomorrow-night-eighties ttcn twilight vibrant-ink xq-dark xq-light yeti yonce zenburn