Javascript 切换标题的翻译 onClick

Question

我在 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

  }

Answer 1

好的，如果您单击标题，它将根据您的地图进行更改

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

我还扩展了你的地图，所以它也可以向后翻译..

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>

Javascript 切换标题的翻译 onClick

Javascript Toggle Translations of Title onClick

javascript

innerhtml

translate