jQuery toggleClass example

Toggle class name on click in jQuery

by nikolya223

HTML

<div class="piano_box">  
</div>
<div class="piano_log"></div>
<button onclick="bumbox.start()"> включить пианино </button>
<script>
var octave = [
    ["До", "Ре", "Ми", "Фа", "Соль", "Ля", "Си"],
    [32.703, 36.708, 41.203, 43.654, 49, 55, 61.735]
]
for(i = 0; i < octave[0].length; i ++){
let item = document.createElement("div");
    item.classList.add("piano_box__item");
    item.id = i;
    item.onmousedown = function(){
        bumbox.frequency.value = octave[1][this.id] * 4;
        bumbox.connect(context.destination);
    }
    item.onmouseup = function(){bumbox.disconnect(context.destination)};
    let label = document.createElement("label");
    label.innerHTML = octave[0][i];
    item.appendChild(label); 
    document.body.appendChild(item);
}
var context = new AudioContext();
bumbox = context.createOscillator();
bumbox.type = "triangle";
</script>