Javascript 函数在 div 中打印 var

Question

尝试将一个变量作为我的函数的参数传递给一个函数，并让这个函数打印一个特定的全局变量的值

var desc1 = "apple description";
var desc2 = "bananna description";
var desc3 = "orange description";


  function showDesc(arg) {
    var myDesc = arg;
    document.getElementById('description').innerHTML = myDesc; 
  }

<div onclick="showDesc('desc1')">Apples</div>
<div onclick="showDesc('desc2')">Bannans</div>
<div onclick="showDesc('desc3')">Oranges</div>

<div id="description"></div>

尝试在单击苹果时显示 desc1 的值，并显示 desc2 的值等。

目前只有点击“Apples”时打印“desc1”，点击“Bananas”时打印“desc2”

Answer 1

您将 'desc1' 和 'desc2' 等作为字符串传递到函数中 - 您需要将它们视为引用。最简单的方法是创建一个对象文字并使用传入的参数从对象文字中选择所选描述。

另外 - 你应该使用按钮来处理点击 -

const descriptions = {
  apple: "Apple description",
  banana: "Bananna description",
  orange: "Orange description"
}


  function showDesc(type) {
    document.getElementById('description').innerHTML = descriptions[type]; 
  }

<button type="button" onclick="showDesc('apple')">Apples</button>
<button type="button" onclick="showDesc('banana')">Bannans</button>
<button type="button" onclick="showDesc('orange')">Oranges</button>

<hr/>

<div id="description"></div>