前回までで掲示板の骨子はできあがりました。 もくじの「バックエンドを使った掲示板」を見ていただければ、その変遷はわかっていただけると思います。 私もわからなくなるたび、これらの記事を見直すことになります。 で。 フロント側、サーバー側のコード…

掲示板のサーバーも（おそらく）今回で完成し、掲示板の骨子は完成します。 では、やっていきましょう。 バックエンド側のコード（Node.js) const express = require('express'); const cors = require('cors'); const app = express(); const PORT = 3000; …

前編はこちら。 この記事では前回の記事をよく出しますので、このリンク先はタブを消さないで適宜参照するとよいかと思います。 さて、前置きは置いといて、とっとと進めましょう。 まずフロントエンド側の全体のJavaScriptはこちら。 document.getElementBy…

さて、前回やっと掲示板が動くようにできました。 とは言ってもChatGPT先生が教えてくれたのをそのままコピペしただけですが。 そんなコピペしただけのコードを動かすのに必死になっていろいろ修正してたんだから死にたくなり笑えてきます。 さて、そんなCha…

さて、前回の最後で２つの問題が生じていました。 1.エンターキーで送信されないこと 2.送信したあとも文字が消えないこと このふたつの問題に対処していきたいと思います。 但し、エンターキーの問題の方について記述したことは完全に無駄足ですので、暇で…

JavaScriptの常識シリーズ④。 addEventListenerです。 「何かをしたときに何かを起こす」ということはわかると思います。 では document.querySelector("form").addEventListener("submit", e => { e.preventDefault(); }); というような場合。 addEventList…

掲示板の書き込みフォームができたので、次は書き込んだ内容を反映させるようにします。 普通はサーバーに書き込んだ内容を送って、返ってきたものを掲示板に反映させるのですが、まずはJavaScriptだけを使ってサーバーは通さず反映させるようにしていきます…