Javascript：切换更改多个元素的内容

我有一个简单的javascript代码，可以更改span元素的内容

现在，此脚本仅适用于第一个span元素。我如何修复它，使其只使用一个无多个javascript脚本就可以更改所有跨度

我的代码：

const span=document.querySelector（'span'）；
span.addEventListener（'单击'，（事件）=>{
if（event.target.innerHTML==“Zavolajte nám ihneď”）{
event.target.innerHTML=“+421 911 111”；
}否则{
event.target.innerHTML=“Zavolajte nám ihneď”；
}
})

Zavolajte nám ihneď


Zavolajte nám ihneď

您必须使用

querySelectorAll

，然后循环返回的集合：

const span=document.queryselectoral（'span'）；
span.forEach（span=>span.addEventListener（'click'，（事件）=>{
if（event.target.innerHTML==“Zavolajte nám ihneď”）{
event.target.innerHTML=“+421 911 111”；
}否则{
event.target.innerHTML=“Zavolajte nám ihneď”；
}
}));
Zavolajte nám ihneď


Zavolajte nám ihneď