2024年宝宝起名测试

const form = document.getElementById('name-form');const result = document.getElementById('result');const nameList = document.querySelector('.name-list');form.addEventListener('submit', (e) => {e.preventDefault();const surname = document.getElementById('surname').value;const gender = document.getElementById('gender').value;const requirements = document.getElementById('requirements').value;// 生成名字const names = generateNames(surname, gender, requirements);// 清除现有的名字nameList.innerHTML = '';// 在页面上显示名字names.forEach((name) => {const nameItem = document.createElement('li');nameItem.classList.add('name-item');nameItem.textContent = name;nameList.appendChild(nameItem);});// 显示结果result.style.display = 'block';});// 生成名字的函数function generateNames(surname, gender, requirements) {// 获取满足要求的名字列表const nameList = getNames(gender, requirements);// 将姓氏与名字组合const names = [];for (let i = 0; i < nameList.length; i++) {names.push(surname + nameList[i]);}return names;}// 获取满足要求的名字列表function getNames(gender, requirements) {// 根据性别和要求过滤名字列表const filteredNames = [];for (let i = 0; i < allNames.length; i++) {const name = allNames[i];if (name.gender === gender && name.requirements.includes(requirements)) {filteredNames.push(name.name);}}return filteredNames;}// 所有名字的列表const allNames = [{ name: "子涵", gender: "boy", requirements: ["好听", "有寓意"] },{ name: "子墨", gender: "boy", requirements: ["好听", "大气"] },{ name: "梓涵", gender: "girl", requirements: ["好听", "有寓意"] },{ name: "紫萱", gender: "girl", requirements: ["好听", "优雅"] },{ name: "浩然", gender: "boy", requirements: ["大气", "有寓意"] },{ name: "静怡", gender: "girl", requirements: ["好听", "文雅"] },{ name: "云飞", gender: "boy", requirements: ["好听", "潇洒"] },{ name: "雅萱", gender: "girl", requirements: ["好听", "有气质"] },{ name: "天宇", gender: "boy", requirements: ["大气", "有内涵"] },{ name: "诗涵", gender: "girl", requirements: ["好听", "有文采"] },{ name: "博文", gender: "boy", requirements: ["有内涵", "儒雅"] },{ name: "若曦", gender: "girl", requirements: ["好听", "有灵性"] },{ name: "梓轩", gender: "boy", requirements: ["好听", "儒雅"] },{ name: "芷晴", gender: "girl", requirements: ["好听", "有气质"] },{ name: "浩轩", gender: "boy", requirements: ["大气", "儒雅"] },{ name: "静萱", gender: "girl", requirements: ["好听", "文静"] }];

站长推荐您关注下面这些文章

吉名宝取名网相关信息 仅供娱乐参考，切忌迷信！ 原文链接：https://www.jimingbao.com.cn/bbqm/62671.html，转载请注明出处~~~