用JS在console.log中输出按钮值

Question

我对 HTML 和 JS 还很陌生。我需要 HTML 按钮的值用 JS 显示在 console.log 中。不过我不想使用 onclick="..."。

这是我的 HTML 文件的一部分：

<button id="kaufknopf" value="4,50">4,50€</button>

这是我的 JS 文件：

function output() {
    console.log(price);
}

var price = document.getElementById("kaufknopf").value;
price.addEventListener("click", output, true);

Answer 1

1) 您必须在 html 元素而不是该元素的值上添加事件侦听器。

var price = document.getElementById( "kaufknopf" );
price.addEventListener( "click", output, true );

2) 单击按钮后，您必须使用 price.value

获取其值

function output() {
  console.log( price.value );
}

function output() {
  console.log(price.value);
}

var price = document.getElementById("kaufknopf");
price.addEventListener("click", output, true);

<button id="kaufknopf" value="4,50">4,50€</button>

Button value output in console.log with JS