For vibration I use: var elem = document.getElementsByTagName('a'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } var elem = document.getElementsByTagName('button'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } var elem = document.getElementsByTagName('i'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } var elem = document.getElementsByTagName('img'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } var elem = document.getElementsByTagName('svg'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } function vibrate() { navigator.vibrate(100); } This is AUTO and MANUAL onclick #JavaScript #vibrations #CODE

Than as you can know we can have both vibration and sound for button. #multifunc with onclick JavaScript.

For sound when something is pressed: <script> function backspin(url) { var ourAudio = document.createElement('audio'); // Create a audio element using the DOM ourAudio.style.display = "none"; // Hide the audio element ourAudio.src = "https://cdefgahc.com/wav/front.wav"; // Set resource to our URL ourAudio.autoplay = true; // Automatically play sound ourAudio.onended = function() { this.remove(); // Remove when played. }; document.body.appendChild(ourAudio); } </script> For PHP file and with no<script></script> for CUSTOM JavaScript if you have. And I use onclick for that: backspin(); #JavaScript #onclick #sound

About onclick in JavaScript for multiplay functions: <div onclick="func1();func2();">someting</div> Then need to be this ; for each #JavaScript #onclick

Vibrations for toogle music and all links and onclick maual func around the website. function vibrate() { navigator.vibrate(100); } var elem = document.getElementsByTagName('a'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } var elem = document.getElementsByTagName('button'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); } var elem = document.getElementsByTagName('i'); for(var i = 0; i < elem.length; i++) { elem[i].addEventListener('click', function(){ navigator.vibrate(100); }, false); }

Example DIV for that: <div class="checkbox-wrapper-8" style="display: flex; float: right;"> <input class="tgl tgl-skewed" id="cb3-8" type="checkbox" onclick="togglePlay();vibrate();"/> <label class="tgl-btn" data-tg-off="ON" data-tg-on="OFF" for="cb3-8"></label> </div>