当我点击同一页上的元素时，如何加载不同的文本？

<div id="element1">元素1</div>
<div id="element2">元素2</div>
<div id="element3">元素3</div>
<div id="result">点击元素加载文本</div>

// 获取元素的引用
var element1 = document.getElementById("element1");
var element2 = document.getElementById("element2");
var element3 = document.getElementById("element3");
var result = document.getElementById("result");

// 给元素添加点击事件监听器
element1.addEventListener("click", function() {
  // 加载不同的文本
  result.textContent = "点击了元素1";
});

element2.addEventListener("click", function() {
  // 加载不同的文本
  result.textContent = "点击了元素2";
});

element3.addEventListener("click", function() {
  // 加载不同的文本
  result.textContent = "点击了元素3";
});