问如何在单击html元素时切换其文本颜色？

EN

let flag = true
function toggleColor() {
  const exampleStyle = document.getElementById("example").style
  flag ? exampleStyle.color = "red" : exampleStyle.color = "blue"
  flag = !flag
}

<div id="example" onclick="toggleColor()">your text</div>

var h1=document.querySelector("h1");
var iscolor=true;
h1.addEventListener("click",function(){
if (iscolor){
h1.style.color="yellow";
iscolor=false;}
else{h1.style.color="black";
iscolor=true;
}

 });

var element = document.querySelector('your-element-selector');

element.addEventListener('click', function(e) {
   element.style.backgroundColor = 'wanted color';
});