So fügen Sie Daten aus einem clientseitigen Eingabefeld zu meinem Array Websites[Name] hinzu und zeigen sie dann in eine ⇐ JavaScript

[Anonymous]

Wie füge ich Daten aus einem Eingabefeld im Browser zu meinem Array Websites[Name] hinzu und zeige sie dann in einem HTML-Absatz an?
server.js

Code: Select all

import express from "express"
import { websites } from "./websites.js"
import { fileURLToPath } from 'url';
import { dirname } from 'path';
import * as http from 'http'

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

const server = express();

server.use(express.json());

server.get("/last", (req,res) =>{
res.sendFile("index.html", {root: __dirname});
})

server.post("/last", (req,res) => {
var DataG = req.body.name;
http.get({host: DataG}, function(response){
console.log(response.statusCode)
if(response.statusCode < 400)
console.log("server is up")
else{
console.log("server is down")
}

});

res.send("Request processed");
})

index.html

Code: Select all

Submit



let pisun = document.getElementById("pisun")
let pisunchik1 = document.createElement("p").textContent = "nothing"
let websiteName = document.querySelector(".text")
let button = document.querySelector(".subBtn")
if(button)
{
button.addEventListener("click", () =>{
let obj = {
name:websiteName.value
};
fetch("http://localhost:3000/last",{
method:"POST",
headers:{
"Content-type":"application/json"
},
body:JSON.stringify(obj)
})
})
}

websites.js ("db")

Code: Select all

export const websites = [
{name:"google", enable: true},
{name:"bing", enable: true},
];