この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
ref_html_js [2025/03/13 15:34] klab |
ref_html_js [2025/03/13 21:46] (現在) klab |
||
---|---|---|---|
ライン 319: | ライン 319: | ||
<code> | <code> | ||
- | 日付入力=<input type="date">。 | + | 予約日=<input type="date">。 |
- | 予約日 = 日付入力:value。 | + | api:date = 予約日:value。 |
</code> | </code> | ||
* (例)スライダーの値を取得します。 | * (例)スライダーの値を取得します。 | ||
ライン 327: | ライン 327: | ||
スライダー=<input type="range">。 | スライダー=<input type="range">。 | ||
結果=<p></p>。 | 結果=<p></p>。 | ||
- | 結果!(スライダー!値?) テキスト。 | + | 結果:テキスト=スライダー:value。 |
</code> | </code> | ||
ライン 351: | ライン 351: | ||
受信_wa = webapi!作る。 | 受信_wa = webapi!作る。 | ||
- | 受信_wa:url ="read.php"。 | + | 受信_wa.url ="read.php"。 |
メッセージ表示=「|メッセージ配列| | メッセージ表示=「|メッセージ配列| | ||
ライン 364: | ライン 364: | ||
送信_wa = webapi!作る。 | 送信_wa = webapi!作る。 | ||
- | 送信_wa:url ="write.php"。 | + | 送信_wa.url ="write.php"。 |
名前 ="ユーザー"。 | 名前 ="ユーザー"。 | ||
送信ボタン:動作=「 | 送信ボタン:動作=「 | ||
- | 送信_wa:内容=:名前+":"+(:入力欄!値?)。 | + | 送信_wa.内容=名前+":"+(入力欄!値?)。 |
送信_wa!読む。 | 送信_wa!読む。 | ||
メッセージ表示!(受信_wa!読む)実行。 | メッセージ表示!(受信_wa!読む)実行。 | ||
ライン 380: | ライン 380: | ||
//掲示板にメッセージを書き込むwrite.php | //掲示板にメッセージを書き込むwrite.php | ||
<?php | <?php | ||
- | $message = $_GET['内容'] . "\n"; | + | $message = $_GET['message'] . "\n"; |
file_put_contents("chat.txt", $message, FILE_APPEND); | file_put_contents("chat.txt", $message, FILE_APPEND); | ||
?> | ?> | ||
ライン 636: | ライン 636: | ||
<h1>ショッピングサイト</h1>。 | <h1>ショッピングサイト</h1>。 | ||
<hr>。 | <hr>。 | ||
- | container = <div></div>。 | + | コンテナ = <div></div>。 |
商品表示=「|商品名 価格 画像URL| | 商品表示=「|商品名 価格 画像URL| | ||
商品画像=<img class="card-image">。 | 商品画像=<img class="card-image">。 | ||
- | 商品画像:src=画像URL。 | + | 商品画像!(画像URL) ソース。 |
- | 商品名表示=<h2></h2>。 | + | 商品名表示=<h2></h2>!(商品名) テキスト。 |
- | 商品名表示:innerHTML=商品名。 | + | 価格表示=<p></p>!("¥" + 価格) テキスト。 |
- | 価格表示=<p></p>。 | + | コンテナ!(商品画像)(商品名表示)(価格表示)(<hr>)入れる。 |
- | 価格表示:innerHTML="¥" + 価格。 | + | |
- | container!(商品画像)(商品名表示)(価格表示)(<hr>)append。 | + | |
」。 | 」。 | ||
- | 商品表示!"コーヒー" 130 "https://example.com/coffee.jpg" 実行。 | + | |
+ | wa = webapi!作る。 | ||
+ | wa:url = "shopping.php"。 | ||
+ | 商品リスト = wa!読む。 | ||
+ | 商品リスト!「|商品| | ||
+ | 商品表示!(商品!1 読む)(商品!2 読む)(商品!3 読む)実行。 | ||
+ | 」それぞれ実行。 | ||
</code> | </code> | ||
+ | * サーバプログラム(shopping.php) | ||
+ | |||
+ | ```php | ||
+ | <?php | ||
+ | $list = [ | ||
+ | ["coffee", 130, "https://example.com/cofee.jpg"], | ||
+ | ["tee", 100, "https://example.com/tee.jpg"] | ||
+ | ]; | ||
+ | echo(json_encode($list)); | ||
+ | ``` | ||
## 実践的な例:チャットアプリケーション | ## 実践的な例:チャットアプリケーション |