🌸 「なでしこ」
>
🍯 「貯蔵庫」
🍯 なでしこ3貯蔵庫
🌟新規
📒一覧
🔌
🔍検索
🚪ログイン
ログイン
していません。
[
📌文法
] [
🎨命令一覧
]
[編集モード]
プログラム:
(→大)
(→textarea)
(→左右に配置)
# ★★★ 以下の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送信。 「#メッセージ」に「」をテキスト設定。 ここまで。
▶ 実 行 [F9]
クリア
一時保存
デバッグ
ブレイクポイント:
→ 再開
↓ 一行次へ
キャンバス: 幅
× 高
上書き保存
表示ページ
→直前に実行(または一時保存)した内容を復元
なでしこバージョン: v
素材のアップロード
ログイン
するとファイルをアップロードできます。