Monday, June 8, 2026
HomeLanguagesJavascriptSound generation on clicking the button using JavaScript

Sound generation on clicking the button using JavaScript

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 src='https://code.jquery.com/jquery-2.2.0.min.js'>
    </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:

RELATED ARTICLES

Most Popular

Dominic
32515 POSTS0 COMMENTS
Milvus
131 POSTS0 COMMENTS
Nango Kala
6895 POSTS0 COMMENTS
Nicole Veronica
12012 POSTS0 COMMENTS
Nokonwaba Nkukhwana
12109 POSTS0 COMMENTS
Shaida Kate Naidoo
7018 POSTS0 COMMENTS
Ted Musemwa
7262 POSTS0 COMMENTS
Thapelo Manthata
6976 POSTS0 COMMENTS
Umr Jansen
6963 POSTS0 COMMENTS