Button Failure :(

Please can you help? I'm new to the community so not sure what info is usually provided on these. Basically, I have the following code on my HTML doc. When I click the "Hide text" button, nothing happens: <!DOCTYPE html> <html> <body> <p id='p1'> Writing and writing. <br> Typing and Typing. <br> Words and words. </p> <input type="button" value="Hide text" onclick="document.getElementById('p1').style.visibility="'hidden'"> <input type="button" value="Show text" onclick="document.getElementById('p1').style.visibility="visible'"> </body> </html> Thanks in advance xoxo

html button visibility

11th Apr 2018, 7:41 PM

Rachael

5 Réponses

+ 10

Quotation marks must be balanced: " - invalid "valid" - valid "valid' - invalid "invalid"' - invalid... single-quotes (') can be placed inside double-quotes (") and reverse but they also must "close" eachother...

11th Apr 2018, 7:50 PM

Valen.H. ~

+ 9

<!DOCTYPE html> <html> <body> <p id='p1'> Writing and writing. <br> Typing and Typing. <br> Words and words. </p> <input type="button" value="Hide text" onclick="document.getElementById('p1').style.visibility='hidden'"> <input type="button" value="Show text" onclick="document.getElementById('p1').style.visibility='visible'"> </body> <html>

11th Apr 2018, 7:43 PM

Valen.H. ~

+ 2

Thank you! I swear I looked through that code a hundred times making sure all the quotation marks "close" each other. This is the first time i've successfully incorporated js code into my html :) <!DOCTYPE html> <html> <body> <p id='p1'> Writing and writing. <br> Typing and Typing. <br> Words and words. </p> <input type="button" value="Hide text" onclick="document.getElementById('p1').style.visibility='hidden'"> <input type="button" value="Show text" onclick="document.getElementById('p1').style.visibility='visible'"> </body> </html>

11th Apr 2018, 7:57 PM

Rachael

+ 1

try that https://code.sololearn.com/Wp5w5CooDWHh/?ref=app

12th Jun 2018, 3:16 PM

some one

I'm sorry, i'm still not getting it :( I'm super new to this

11th Apr 2018, 7:48 PM

Rachael