Javascript 用于不同按钮的切换功能_Javascript

Javascript 用于不同按钮的切换功能

javascript

Javascript 用于不同按钮的切换功能,javascript,Javascript,我想在vanilla JavaScript中创建两个不同的按钮，当一个接一个单击时，显示不同的文本消息在重组下面的代码方面有什么建议吗？谢谢我可以找到一个按钮切换功能，但不能为不同的按钮 index.html <button onclick="revealMessageUk()"><li><img class="flag-pictures" src="images/uk.svg" id="1"/></li></button> &l

我想在vanilla JavaScript中创建两个不同的按钮，当一个接一个单击时，显示不同的文本消息

在重组下面的代码方面有什么建议吗？谢谢

我可以找到一个按钮切换功能，但不能为不同的按钮

index.html

<button onclick="revealMessageUk()"><li><img class="flag-pictures" src="images/uk.svg" id="1"/></li></button>

<button onclick="revealMessageSpain()"><li><img class="flag-pictures" src="images/spain.svg" id="3"/></li></button>


<p id="hiddenMessageUk" style="display:none">Hello!</p>

<p id="hiddenMessageSpain" style="display:none">¡Hola!</p>

我不仅希望像下面这样显示，还希望为下面的两种外语提供一种切换功能隐藏/显示或添加/删除功能。

试试看

函数RevealMessagesG{ hiddenMessage.style.display='block'； hiddenMessage.innerText=msg； } 试试看

函数RevealMessagesG{ hiddenMessage.style.display='block'； hiddenMessage.innerText=msg； }

这里有一种切换方法，但在添加更多区域设置时也要保持灵活性。您将保留一种selectedLocaleId状态，并在使用相应的区域设置id单击其中一个按钮时对其进行更改

让selectedLocaleId；函数selectLocalenewSelectedLocaleId{ //如果存在选定的区域设置id，请取消选择它如果选择LocaleId{ document.getElementByIdselectedLocaleId.style.display='none'； } //设置新的选定区域设置id selectedLocaleId=newSelectedLocaleId； document.getElementByIdselectedLocaleId.style.display='block'； }

“你好

是什么阻止了你。style.display='none'；另一个？我最近才加入这个论坛。我希望我能像你们一样尽快帮助别人。是什么阻止了你们。style.display='none'；另一个？我最近才加入这个论坛。我希望我能像你们一样很快帮助别人。非常感谢卡米尔和其他人。问题解决了。你的代码非常有效。“我不知道你们这些人想出了这么明确的想法。”蒂莫特经验：非常感谢卡米尔和其他人。问题解决了。你的代码非常有效。我不知道你们这些人想出了这么明确的想法。@timotom经验：

function revealMessageUk() {
  document.getElementById('hiddenMessageUk').style.display = 'block';
}

function revealMessageSpain() {
  document.getElementById('hiddenMessageSpain').style.display = 'block';
}