按钮未单击 HTML 和 JavaScript

Question

我的问题是 JavaScipt 和 HTML 中的以下问题：

let submit = document.getElementById("button");
let text = document.getElementById("inputForm");
submit.addEventListener('сlick', function () {
   let textValue = text.value;
   console.log("The input is " + textValue)
});

我确定我通过脚本属性将 HTML 正确连接到 JS。

<div class="input">
    <h3 id="inputText">Ввод:</h3>
    <input id="inputForm" />
    <button id="button">Добавить</button>
</div>

这是我想要工作的代码部分，但按钮没有效果。 最初我在 css 的按钮和输入字段上放了很多 fonts，但后来我删除了它们，它仍然不起作用。 通过工作，我的意思是将输入字段的输入打印到控制台。

Answer 1

我不知道它是什么，但我认为你有一些奇怪的字符......我所做的只是从AddEventListener function 中删除click和括号并重写它。 奇怪，我不得不承认。 只是textValue.Value是错误的，它需要是小写textValue.value否则完全没问题。 对于所有阅读，这将创建一个片段并尝试使用textValue.value运行，这不是错误。 事件侦听器没有以某种方式设置。

 let submit = document.getElementById("button"); let text = document.getElementById("inputForm"); submit.addEventListener("click", function () { let textValue = text.value; console.log("The input is " + textValue) });

 <div class="input"> <h3 id="inputText">Ввод:</h3> <input id="inputForm" /> <button id="button">Добавить</button> </div>

编辑：所以我不能让这个打开，因为你们中的许多人和我自己都对它可能是哪个字符感到困惑。 我在 Notepad++ 中对其进行了分析，并希望查看所有字符，但没有像 CR 或 LF 这样的不可见字符。 我的下一个想法是编码，因为@vnikonov_63 在他的 html 中写入西里尔字符。 我所做的是将代码转换为 Windows-1251 （ https://de.wikipedia.org/wiki/Windows-1251 ），在那里你可以看到结果......

submit.addEventListener('СЃlick', function () {

一切都相同，但c 。 I compared Windows-1251 (cyrillic) and Windows-1250 ( https://de.wikipedia.org/wiki/Windows-1250 Middle European) Encodings and the c has the exact same Position. 所以所有这些都只是一些编码问题。 Surely a c which is not really a c as javascript expects it, won't set up a eventlistener because javascript doesn't know a event called СЃlick . 由于我不是编码专家，我无法向您解释为什么СЃ显示为c但我很确定这是问题所在。

Answer 2

我会使用表单标签。 当您单击提交类型的提交按钮时，会有一个提交事件。

代码：

 document.querySelector("form").addEventListener("submit", (e) => { var text = document.querySelector("#inputForm"); console.log(text.value); });

 <form action="javascript:void(0);"> <h3 id="inputText">Ввод:</h3> <input id="inputForm" /> <button type="submit">Добавить</button> </form>

Answer 3

问题在于 Value 属性。 应该是.value。

let submit = document.getElementById("button");
let text = document.getElementById("inputForm");

submit.addEventListener('click', function () {
  let textValue = text.value;
  console.log("The input is : " + textValue);
});