Javascript 我的按钮在非常简单的网站不会登录控制台

Javascript 我的按钮在非常简单的网站不会登录控制台,javascript,html,Javascript,Html,我用javascript和html创建了一个非常简单的网站,我所要做的就是将输入值记录到控制台,我的控制台正在打印一些内容并立即将其删除 html: 常量警报函数==>{ console.logdocument.getElementsByClassNameinput } 带警报的按钮 提醒你的名字 您的代码中几乎没有问题: 由于按钮的默认类型是submit,因此从submission中单击它时,就会发生这种情况。于是一切都消失了。要防止表单提交,可以在事件处理程序函数中使用event.prev

我用javascript和html创建了一个非常简单的网站,我所要做的就是将输入值记录到控制台,我的控制台正在打印一些内容并立即将其删除 html:

常量警报函数==>{ console.logdocument.getElementsByClassNameinput } 带警报的按钮 提醒你的名字
您的代码中几乎没有问题:

由于按钮的默认类型是submit,因此从submission中单击它时,就会发生这种情况。于是一切都消失了。要防止表单提交,可以在事件处理程序函数中使用event.preventDefault,也可以在元素中指定type=按钮

返回具有所有给定类名的所有子元素的类似数组的对象。您必须使用适当的索引来获取特定的元素。最后使用value属性从输入中获取值

常量警报函数==>{ console.logdocument.getElementsByClassNameinput[0]。值 } 带警报的按钮 提醒你的名字 GetElementsByCassName返回一个NodeList对象。访问元素并使用.value获取值。 也使用输入类型=按钮,而不是按钮。因为按钮点击将执行提交事件,这不是必需的

参考-

const alertFunction=函数{ console.logdocument.getElementsByClassNameinput[0]。值 }
您需要防止表单提交的默认事件

const alertFunction=事件=>{ console.logdocument.getElementsByClassNameinput[0]。值; 违约事件; } 带警报的按钮 提醒你的名字