What's in the article ?
<button onclick="document.getElementById('Image').src='bulb1.jpg'">Turn On</button> <img id="Image" src="ampul.jpg" style="width:100px"> <button onclick="document.getElementById('Image').src='bulb.jpg'"Turn Off</button>
First of all, we have added a picture in the line and we have defined an id in this picture. I’ve added a normal light bulb that has not been burned off. Then, in the code snippet on the top side, I wanted to pull the part of the image that was on Image and make it bulb1.jpg with the src tag. In this way, when the Light on button is pressed, the src command with bulb.jpg will now show us bulb1.jpg. Then when we press the Close light button, the src tag will change again and this time it will show us the picture in bulb.jpg.
In the code snippet above, id means that the style of the part of the demo2 will make the font size of 40 px. Of course, when the button is clicked. In fact, in other courses, we learned how these labels mean. Nobody can hold you.
Let me give you an example on the website or stop. At the top of some sites, how to open an ad and close the ad button. But this ad can be on every page or home page. Usually it is embedded in the text and slides down from top to bottom. You can not close this ad without pressing the button to stop there or he can do it in this way.
The demo3 id above the p tag that will come out under the click the click button will be what will be the display none will be successful in completing the process of being a Casper to progress.
Yes how to click on the button as we can hide a post or something, click on the button again, we can bring back a text or a screen that can not be displayed on the screen. For this: