如何解决如何提醒某人写的文本,例如收件人/消息
我刚刚开始使用DOM,我正在尝试做以下事情: 1.我创建了一个包含收件人/消息和两个按钮的表单:提交/重置;
<form id="event">
<!-- Recipient -->
Recipient <input type="text" required class="msg" > <br>
<!-- Message -->
<label for="message" >Message</label>
<textarea rows="4" cols="30" class="msg" > </textarea>
<br>
<input type="submit" value="Submit">
<input type="reset">
2.当我按提交时,我想发送一个警报,其中包含我在这两个字段中写的内容。问题是,在这里我被卡住了,只设法警告了收件人或邮件。这是我的代码:
document.querySelector('#event').addEventListener('submit',function(a) {
a.preventDefault() 警报(a.target.elements.input.value)
}) 我使事情变得太复杂了吗?我现在感觉完全卡住了,小费会很棒。在此先感谢您,祝您愉快!
解决方法
不一定是最好的方法,但是它是有效的。
document.querySelector("#form").addEventListener("submit",event => {
event.preventDefault();
const recipient = document.querySelector('[name="recipient"]').value;
const message = document.querySelector('[name="message"]').value;
window.alert(`${recipient}: ${message}`);
});
<form id="form">
<label for="recipient">Recipient</label>
<input type="text" required class="msg" name="recipient">
<br>
<label for="message">Message</label>
<textarea rows="4" cols="30" class="msg" name="message"></textarea>
<br>
<input type="submit">
<input type="reset">
</form>
您还可以学习使用此方法选择name
属性的方法。知道总是有用的。
您将事件侦听器更改为“单击”。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。