Skip to content
Related Articles

Related Articles

Sound generation on clicking the button using JavaScript
  • Last Updated : 16 Apr, 2019

The sound generation after clicking the button, receiving notifications or at the time of page load can be done by using JavaScript.

Note:

  • URL provided in the playSound function can be changed to give the custom sound url.
  • Style property is not the part of implementation. It is used to provide a nice interface for viewers.

Example: This example generating the sound after clicking the button.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Sound generation after clicking the button
    </title>
      
    <link rel="stylesheet" href=
      
    </script>
    <script src=
    </script>
</head>
  
<body style="text-align:center;">
    <div class="container-fluid" style="margin:35px;">
        <p style="font-size:30px;">
            <strong>
                Click on the button to generate sound
            </strong>
        </p>
          
        <br><br>
      
        <button class="btn btn-primary" onclick=
            Click Me!
        </button>
    </div>
</body>
  
</html>                    

Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :