How to display image after clicked button using JavaScript?

Asked 19-Jul-2021
Viewed 331 times
Ask Question

0

How to display image after clicked button using JavaScript?

Ravi Vishwakarma
asked by Ravi Vishwakarma in web application
Answer Add comment
Comment
This is test comments. - Ravi Misra 17 days ago

1 Answer

1

<!DOCTYPE html>

<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>

<head>

    <meta charset='utf-8' />

    <title></title>

    <style>

    img{

        box-sizing:border-box;

        width:40%;

        height:auto;

        display:none;

        padding:5px;

        }

        button {

            width:100px;

            height:30px;

        }

    </style>

</head>

<body>

    <img src='wood2.jpg' id='image'/>

    <button onclick='showImage()'>Show Image</button>

    <button onclick='hideImage()'>Hide Image</button>

    <script>

        function showImage() {

            document.getElementById('image').style.display = 'block';

        }

        function hideImage() {

            document.getElementById('image').style.display = 'none';

        }

    </script>

</body>

</html>

Add comment
Ethan Karla
answered 23-Jul-2021 by Ethan Karla
advertising
advertising