选择一个带有 JS 事件侦听器的细分

Question

我正在尝试使用 HTML 和 JavaScript 创建一个简单的 buzzfeed 测验作为练习项目。 我所有的选项都是 HTML 中细分的 div。 四个选项是一个div，两个选项的最上面一行是一个细分，然后每个选项都是其下的细分。 所以我的 HTML 看起来像：

 <div id="q1"> <p class="question">What's your favorite kind of bread?</p> <!-- First set of options --> <div class="optionsSet"> <!-- Sourdough --> <div class="option" id="sourdough"> <img class="optionPic" src="/pictures/b-sour.jpg" alt="Sourdough" id="sourpic"> <p class="caption">Sourdough</p> </div>

我无法让我的 JS 事件侦听器抓住任何东西。 相反，它会在加载页面时立即执行，无论我尝试处理哪个事件。 这是我认为应该是万无一失的最新版本，但它不起作用：

 var test = new function test() { console.log("test succeeded"); } document.getElementById('sourdough').addEventListener("mouseup", test)

一旦我格式化并能够以可预测和可靠的方式生成输出，我将修改实际输出。 不，我什至无法到达那部分！

Answer 1

var test = new function test() {
  console.log("test succeeded");
}

您需要在函数声明之前删除new关键字。 new用于创建新对象

这是工作代码和框。

Answer 2

从您的代码中删除“新”，它应该没问题。