javascript - Javascript切换标题onClick的翻译

我在div标签中有一个标题。
每当单击翻译按钮时，我都需要翻译标题。
到目前为止，我已经找到了标题div，并希望使用languageMap更改其内容。但是它不起作用！有任何想法吗？

var languageMap = {
    'English1': 'French1',
    'English2': 'French2'
}

  function translateTitle() {
    var qmTitle = document.getElementById('toolTitle')
    var qmTitleText = qmTitle.innerHTML
    var translatedTitle = languageMap[qmTitleText]
    qmTitle.innerHTML = translatedTitle

  }

最佳答案

确定如果您单击标题，它将根据您的地图而变化

您需要做的是为click事件添加一个事件侦听器
该示例向您展示了如何做到这一点

我还扩展了您的地图，以便它也可以向后翻译。

var languageMap = {
    'English1': 'French1',
    'English2': 'French2',
    'French1': 'English1',
    'French2': 'English2'
}
  var qmTitle = document.getElementById('toolTitle')
  function translateTitle() {
   // var qmTitle = document.getElementById('toolTitle')
    var qmTitleText = qmTitle.innerHTML
    var translatedTitle = languageMap[qmTitleText]


    qmTitle.innerHTML = translatedTitle

  }

qmTitle.addEventListener("click", translateTitle);

<h2 id="toolTitle">English1</h2>