html 显示用户数据类型,我想以html格式打印用户提交的数据

这段代码实现了一个JavaScript函数,该函数在页面的反馈表单提交时触发,阻止默认的表单提交行为,并收集用户填写的文本输入、电子邮件地址以及被选中的复选框内容。收集的数据包括用户喜欢的网站特性,如设计、内容和易用性。
摘要由CSDN通过智能技术生成

document.getElementById("feedback").addEventListener("submit", function(e) {

e.preventDefault(); // stop submission

const html = [...this.elements]

.filter(ele => {

if (ele.type === "text" || ele.type==="email") return true;

if (ele.type === "checkbox" && ele.checked) return true;

if (ele.type === "submit" || ele.type === "reset") return false;

})

.map(ele => {

const name = ele.name

const value = ele.value;

if (ele.classList.contains("thingslike")) return `

${ele.name} `

else return `

${ele.name}${ele.value}`

}).join("");

document.getElementById("res").innerHTML = `You answered:

`;

const like = document.querySelector("#answer .thingslike");

if (like) like.insertAdjacentHTML("beforebegin",`

Things you like:`)

})

Feedback Form

Please fill out this form to help me improve My site.

Name:


E-mail Addres:

Things you like on my site:

Site design

Contents

Ease of use

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值