$doc.addEventListener("mouseup", createLi);
function createLi(){
$ul.addEventListener("mouseup", event =>{
event.stopPropagation();
},false);
$doc.removeEventListener("mouseup", createLi);
$body.appendChild($ul);
$ul.appendChild($li);
$ul.style.display = "block";
$
ul.style.top = event.clientY - 30 + "px";
$ul.style.left = event.clientX - 15 + "px";
$doc.addEventListener("mouseup", createLi);
};
$li.addEventListener("click", () => {
let speech = new SpeechSynthesisUtterance(document.getSelection().toString());
synth.speak(speech);
//alert("Speech");
$ul.style.display = "none";
$ul.remove();
}, false);