国内网站开发 框架,建站公司费用情况,wordpress自己安装了插件吗,潮州网络推广在浏览器中预览 index.html 页面效果如下#xff1a; 目标
完成 js/index.js 中的 formSubmit 函数#xff0c;用户填写表单信息后#xff0c;点击蓝色提交按钮#xff0c;表单项隐藏#xff0c;页面显示用户提交的表单信息#xff08;在 id 为 result 的元素显示#…在浏览器中预览 index.html 页面效果如下 目标
完成 js/index.js 中的 formSubmit 函数用户填写表单信息后点击蓝色提交按钮表单项隐藏页面显示用户提交的表单信息在 id 为 result 的元素显示。信息格式如下“身高 172cm体重 60kg性别男会在健身房、公园锻炼”。 注意检测时会模拟表单填写过程请不要为 id 为 result 的元素赋固定值。 题解
function formSubmit() {// TODO待补充代码let heightdocument.querySelector(#height).value;let weightdocument.querySelector(#weight).value; let sexdocument.querySelector(input[namemale]:checked).value;let placedocument.querySelectorAll(input[nameplace]:checked);let quescontentdocument.querySelector(#quescontent)let resultdocument.querySelector(#result)quescontent.style.displaynoneresult.style.displayblockif(sex1){sex女;}else sex男;let newPlace[]for(let i0;iplace.length;i){console.log(place[i]);newPlace.push(place[i].nextSibling.textContent.trim())}result.innerHTML问卷提交完毕感谢您的参与br身高${height}cm,体重${weight}kg,性别 ${sex},会在${newPlace.join(,)}健身锻炼。
}newPlace.push(place[i].nextSibling.textContent.trim())将 place 数组中每个元素的下一个同胞节点的文本内容去除首尾空白添加到 newPlace 数组中
