Name Meaning in Different Languages
Name Meaning in Different Languages
body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; }
header { background-color: #333; color: white; padding: 20px; } main {
max-width: 800px; margin: 0 auto; padding: 20px; } form { display: flex;
justify-content: center; margin-bottom: 20px; } label { font-weight: bold;
margin-right: 10px; } input[type="text"] { padding: 10px; border-radius: 5px;
border: 1px solid #ccc; width: 300px; } button[type="submit"] { padding: 10px
20px; background-color: #333; color: white; border-radius: 5px; border: none;
cursor: pointer; } button[type="submit"]:hover { background-color: #555; }
#result { background-color: white; border-radius: 5px; padding: 20px; } const
form = document.querySelector('form'); const input =
document.querySelector('#name'); const resultDiv =
document.querySelector('#result'); form.addEventListener('submit', (e) => {
e.preventDefault(); const name = input.value;
fetch(`https://api.meaningcloud.com/meaning-lookup?lang=auto&key=YOUR_API_KEY&txt=${name}`)
.then(response => response.json()) .then(data => { // Display results
resultDiv.innerHTML = ''; const title = document.createElement('h2');
title.textContent = 'Name Meaning in Different Languages';
resultDiv.appendChild(title); const list = document.createElement('ul'); for
(const [language, meaning] of Object.entries(data.relations)) { const listItem =
document.createElement('li'); const form = document.querySelector('form'); const
input = document.querySelector('#name'); const resultDiv =
document.querySelector('#result'); form.addEventListener('submit', (e) => {
e.preventDefault(); const name = input.value;
fetch(`https://api.meaningcloud.com/meaning-lookup?lang=auto&key=YOUR_API_KEY&txt=${name}`)
.then(response => response.json()) .then(data => { // Display results
resultDiv.innerHTML = ''; const title = document.createElement('h2');
title.textContent = 'Name Meaning in Different Languages';
resultDiv.appendChild(title); const list = document.createElement('ul'); for
(const [language, meaning] of Object.entries(data.relations)) { const listItem =
document.createElement('li');
npm install express body-parser
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
// Define your routes here
app.get('/meaning/:name/:language', (req, res) => {
const name = req.params.name;
const language = req.params.language;
// Call your function to get the meaning of the name in the selected language
const meaning = getMeaning(name, language);
res.json({ name, meaning, language });
});
// Start the server
app.listen(3000, () => {
console.log('Server started on port 3000');
});
function getMeaning(name, language) {
return fetch(`http://localhost:3000/meaning/${name}/${language}`)
.then(response => response.json())
.then(data => data.meaning);
}
function getMeaning(name, language) {
return fetch(`http://localhost:3000/meaning/${name}/${language}`)
.then(response => response.json())
.then(data => data.meaning);
}
node app.js
No comments:
Post a Comment