Hallo,
ich habe folgenden Code für mein Formular:
<form action="/message1" method="post">
<div class="input">
<input type="text" placeholder="Chat" id="input" name="input1">
</div>
<div class="send">
<button type="submit" onclick="message();">Send</button>
</div>
</form>
Nun noch das JS onclick-Event:
function message() {
input = document.getElementById("input").value;
count++;
if (input == "") {
alert("please type your message!");
}
else {
if (count % 2 == 0) {
let newDiv = document.createElement("div");
newDiv.id = "divMessage";
newDiv.style.display = "flex";
newDiv.style.justifyContent = "flex-start";
newDiv.style.margin = "45px";
newDiv.style.backgroundColor = "#303032";
newDiv.style.borderRadius = "10px";
newDiv.style.padding = "10px";
newDiv.style.marginTop = "80px";
newDiv.style.color = "white";
newDiv.style.marginBottom = "80px";
newDiv.style.width = "120px";
newDiv.innerHTML = input;
let chatMessages = document.querySelector(".chat-messages");
chatMessages.appendChild(newDiv);
}
Und nun noch das Reinschreiben mit node.js in die MariaDB-Datenbank:
app.post('/message1', async (req, res) => {
const input = req.body.input1;
console.log(input);
const conn = await pool.getConnection();
await conn.query(`INSERT INTO test.handy (id, name) VALUES (2, '${input}')`);
conn.release();
});
Nun möchte ich aber, das, was in die Datenbank geschrieben wurde, beim Aktualisieren der Seite immer noch im "newDiv" anzeigen. Wie geht das?
LG