推荐模板：起名打分取名字主题源码模板（含整站源码）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部分（script.js）：

```javascript

document.querySelector('form').addEventListener('submit', function(event) {

event.preventDefault();

var keyword = document.getElementById('name-input').value;

// 发送异步请求到后端，生成名字

fetch('/generateNames', {

method: 'POST',

body: JSON.stringify({ keyword: keyword }),

headers: { 'Content-Type': 'application/json' }

})

.then(function(response) {

return response.json();

})

.then(function(data) {

var nameResults = document.getElementById('name-results');

nameResults.innerHTML = '';

// 显示生成的名字

data.names.forEach(function(name) {

var nameElement = document.createElement('p');

nameElement.textContent = name;

nameResults.appendChild(nameElement);

});

});

});

后端代码（Node.js + Express.js）：

```javascript

const express = require('express');

const app = express();

const bodyParser = require('body-parser');

app.use(bodyParser.json());

app.post('/generateNames', function(req, res) {

var keyword = req.body.keyword;

// 在这里根据关键词生成名字的逻辑，可以使用特定的算法或者外部API

var names = generateNames(keyword);

res.json({ names: names });

});

function generateNames(keyword) {

// 在这里编写生成名字的逻辑，可以根据关键词使用特定的算法或者外部API

// 以下是示例逻辑，随机生成一些名字

var names = [];

for (var i = 0; i < 5; i++) {

var name = keyword + Math.floor(Math.random() * 10);

names.push(name);

}

return names;

}

app.listen(3000, function() {

console.log('Server listening on port 3000');

});

请注意，上述代码只是一个简单的示例，用于演示自动起名取名网站的基本功能。实际的实现可能需要更多的逻辑和功能来生成真实有效的名字。此外，后端代码中的generateNames函数只是一个示例，您需要根据实际需求编写生成名字的逻辑。

其他答案

以下是一个简单的自动起名取名网站的基本源代码，你可以根据自己的需要进行修改和扩展：

index.html：

自动起名取名网站


生成

style.css：

body {
text-align: center;
}
h1 {
margin-top: 50px;
}
form {
margin-top: 30px;
}
input[type="text"] {
padding: 5px;
font-size: 16px;
}
button {
padding: 5px 10px;
font-size: 16px;
}
#result {
margin-top: 30px;
font-size: 18px;
}

script.js：

```javascript

function generateNames() {

var keywords = document.getElementById("keywords").value;

var resultDiv = document.getElementById("result");

// 调用接口生成名字（这里使用一个简单的示例）

var names = generateNamesFromAPI(keywords);

// 清空结果区域

resultDiv.innerHTML = "";

// 显示生成的名字

for (var i = 0; i < names.length; i++) {

var name = names[i];

var nameElement = document.createElement("p");

nameElement.innerText = name;

resultDiv.appendChild(nameElement);

}

}

function generateNamesFromAPI(keywords) {

// 这里可以调用外部API或使用自己的算法生成名字

// 返回一个名字数组

// 示例：将关键词添加前缀和后缀生成名字

var names = [];

names.push("美丽的" + keywords);

names.push("聪明的" + keywords);

names.push("帅气的" + keywords);

return names;

}

以上代码只是一个简单的示例，你可以根据自己的需求修改和扩展它。你可以在`generateNamesFromAPI`函数中实现调用外部API或编写自己的算法来生成名字。记得替换掉示例中的名字生成逻辑，根据你自己的需求进行编写。