推荐模板：起名打分取名字主题源码模板（含整站源码）V2.12

演示地址：https://qiming.wengbi.com

CMS版本：最低V 5.21

主题价格：999.00元

发布日期：2023-09-22 21:34:15

下载安装：进入下载

下载次数：2805 次

授权方式：顶级域名授权，无限开二级域名

说明： 1、可以更换域名, 一年不超过两次。

　　　 2、模板包含整站源码，使用者不得建立非法网站。

　　　 3、客服在线解答问题，永久免费更新升级。

　　　 4、系统源码永久开源，模板永久开源，方便自定义修改。

最佳答案

下面是一个简单的取名字网站的源码示例：

取名字网站

这是一个简单的取名字网站，用户需要输入姓氏和名字，在提交表单后，会生成一个随机的名字。该网站使用 HTML 和 JavaScript 完成，没有后端服务器部分。用户输入的名字通过 JavaScript 处理后，直接在网页上显示生成的名字。运行该网页需要将上述代码保存为一个 HTML 文件，然后在浏览器中打开该文件。

其他答案

下面是一个简单的取名字网站的示例源代码：

HTML代码（index.html）：

取名字

姓：



名：

CSS代码（style.css）：

body {
text-align: center;
padding-top: 50px;
}
h1 {
color: #333;
}
form {
margin-top: 50px;
}
label {
font-size: 16px;
}
input[type="text"] {
padding: 5px;
font-size: 16px;
}
input[type="submit"] {
padding: 10px 20px;
font-size: 16px;
background-color: #333;
color: #fff;
cursor: pointer;
border: none;
}
#result {
margin-top: 50px;
font-size: 20px;
}

JavaScript代码（script.js）：

```javascript

document.getElementById('name-form').addEventListener('submit', function(event) {

event.preventDefault();

var firstname = document.getElementById('firstname').value;

var lastname = document.getElementById('lastname').value;

var result = generateName(firstname, lastname);

document.getElementById('result').innerHTML = "生成的名字是：" + result;

});

function generateName(firstname, lastname) {

// 在这里写你生成名字的逻辑...

var fullname = firstname + lastname;

return fullname;

}

这个示例实现了一个简单的取名字网站，用户需要在表单中输入姓和名，然后点击"生成名字"按钮，网站会通过JavaScript函数生成一个名字并显示在页面上。

你可以根据需要进一步完善这个网站，例如增加更复杂的名字生成逻辑、添加更多的表单字段、美化页面样式等。