JSFiddle - React, Tailwind, and code Playground

HTML

<div class="plaudio" data="1">text1</div>
<div class="plaudio" data="2">text2</div>
<div class="plaudio" data="1">text3</div>
<audio id="myaudio" loop ><source src="audio.ogg" type="audio/ogg; codecs=vorbis" /></audio>

JavaScript

function audiopl(){
  var plaudio = document.getElementsByClassName('plaudio');
  for( var i=0; i<plaudio.length; ++i ) {
    var obj = plaudio[i];
    var ell = obj.getAttribute('data');
    if (ell != 1) {	
      document.getElementById("myaudio").pause();
      console.log('pause', obj.innerHTML)
    } else {
      document.getElementById("myaudio").play();
      console.log('play', obj.innerHTML)
    }
  }
}
audiopl();