JSFiddle - React, Tailwind, and code Playground

by Mohamed Amer

HTML

<button id="play" onclick="" type="button">Play music</button>
<div style="background:#000;height:70px;width:10px;position:absolute;"></div>

JavaScript

$(document).ready(function(){
    $("#play").click(function(){
    		playMusic()
        $("div").animate({left: '250px'},1000);
        $("div").animate({left: '10px'},100);
    });
});

function playMusic() { 
    sound1 = new Audio('http://www.thesoundarchive.com/starwars/Chewie-chatting.wav');
    sound2=new Audio('http://www.thesoundarchive.com/starwars/return/jabba-the-hutt-laughing.wav');
    sound1.mediaGroup = 'soundGroup';
    sound2.mediaGroup = 'soundGroup';
    sound1.play(); 
    sound2.play();
}