JSFiddle - React, Tailwind, and code Playground
HTML
<button id="soundTrigger" onmousedown = "buzz()">Buzz </button>
JavaScript
context = new webkitAudioContext();
buzz = function() {
gainNode = context.createGainNode();
gainNode.gain.value = 1;
gainNode.connect(context.destination);
oscillator = context.createOscillator();
oscillator.type = 2;
oscillator.frequency.value = 200;
oscillator.connect(gainNode);
oscillator2 = context.createOscillator();
oscillator2.type = 2;
oscillator2.frequency.value = 200.5;
oscillator2.connect(gainNode);
oscillator3 = context.createOscillator();
oscillator3.type = 2;
oscillator3.frequency.value = 201;
oscillator3.connect(gainNode);
oscillator4 = context.createOscillator();
oscillator4.type = 2;
oscillator4.frequency.value = 201.5;
oscillator4.connect(gainNode);
oscillator5 = context.createOscillator();
oscillator5.type = 2;
oscillator5.frequency.value = 202;
oscillator5.connect(gainNode);
oscillator6 = context.createOscillator();
oscillator6.type = 2;
oscillator6.frequency.value = 202.5;
oscillator6.connect(gainNode);
oscillator7 = context.createOscillator();
oscillator7.type = 2;
oscillator7.frequency.value = 203;
oscillator7.connect(gainNode);
oscillator8 = context.createOscillator();
oscillator8.type = 2;
oscillator8.frequency.value = 203.5;
oscillator8.connect(gainNode);
oscillator.noteOn(0);
oscillator2.noteOn(0);
oscillator3.noteOn(0);
oscillator4.noteOn(0);
oscillator5.noteOn(0);
oscillator6.noteOn(0);
oscillator7.noteOn(0);
oscillator8.noteOn(0);
};