viewof runthis = {
yield md`<div id="description"> </div>`
let testfn = function(event) {
event.stopPropagation();
event.preventDefault();
let lbl = event.target.innerHTML ? event.target.innerHTML : event.target.nextSibling.nextSibling.innerHTML
console.log('innerText', lbl)
document.querySelector('#description').innerHTML = event.target.innerHTML
}
let polygons = Array.from(document.querySelectorAll("polygon")); polygons.shift();
let ellipses = Array.from(document.querySelectorAll("ellipse"));
for (const line of [...ellipses, ...polygons]) {
line.style = "cursor: pointer; fill: yellow;";
line.addEventListener('click', testfn )
}
let text = Array.from(document.querySelectorAll("ellipse"));
for (const line of Array.from(document.querySelectorAll("text")) ) {
line.addEventListener('click', testfn )
}
}