Breaking News: Grepper is joining You.com. Read the official announcement!

display local image after click button javascript

Zheng Zhang answered on October 3, 2023 Popularity 1/10 Helpfulness 1/10

answer display local image after click button javascript

display local image after click button javascript

Comment

<!DOCTYPE html>
<html>
<head>
    <style>
        /* Set display to none for image*/
        #image {
            display: none;
        }
    </style>
</head>
<body>
    <div>
        <h1>GeeksforGeeks</h1>
        <h3>Click on the button to see image</h3>
        <!-- Add id to image -->
        <img id="image"
             src=
"https://media.geeksforgeeks.org/wp-content/uploads/20210915115837/gfg3.png"
             alt="GFG image" />
    </div>
    <button type="button" onclick="show()" id="btnID">
        Show Image
    </button>
 
    <script>
        function show() {
            /* Access image by id and change
            the display property to block*/
            document.getElementById('image')
                .style.display = "block";
            document.getElementById('btnID')
                .style.display = "none";
        }
    </script>
</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.geeksforgeeks.org

Tags: button click display image javascript local

Link to this answer
Share Copy Link