▶ 実 行
▶ 実行
クリア
by (no name)
# ★★★ 以下のURLを書き換えてください★★★ サーバーURL=「https://consistency-coating-tones-zoom.trycloudflare.com 」 WS受信時には 「#logs」のテキスト取得して、Lに代入。 L=対象&改行&L。 「#logs」へLをテキスト設定。 ここまで サーバーURLの「https://」を「wss://」に置換してWSアドレスに代入。 WSアドレスへWS接続。 # チャット画面を作成 「<h1>チャットクライアント</h1> <div> 以下にメッセージを記入:<br> 名前: <input type="text" id="名前" value="クジラ"><br> 内容: <input type="text" id="メッセージ" value="テスト。"><br> <button id="送信ボタン">送信</button><br> </div> <div><h2>会話ログ</h2> <textarea id="logs" rows="10" cols="40"></textarea> </div>」をDOM親要素へHTML設定。 「#送信ボタン」をクリックした時には F名前=「#名前」のテキスト取得。 F内容=「#メッセージ」のテキスト取得。 「{今}> {F名前}: {F内容}」をWS送信。 「#メッセージ」に「」をテキスト設定。 ここまで。