プログラミング言語「ドリトル」

大阪電気通信大学　兼宗研究室

トレース:

ref_html_js

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

--- ref_html_js [2025/03/13 15:34]
klab
+++ ref_html_js [2025/03/13 21:46] (現在)
klab
@@ ライン 319: / ライン 319: @@
 <code>
- 日付入力＝<input type="date">。
+ 予約日＝<input type="date">。
- 予約日 = 日付入力:value。
+ api:date = 予約日:value。
 </code>
     * （例）スライダーの値を取得します。
@@ ライン 327: / ライン 327: @@
  スライダー＝<input type="range">。
  結果＝<p></p>。
- 結果!(スライダー！値?) テキスト。
+ 結果：テキスト＝スライダー：value。
 </code>
@@ ライン 351: / ライン 351: @@
  受信_wa ＝ webapi!作る。
- 受信_wa:url ＝"read.php"。
+ 受信_wa.url ＝"read.php"。
  メッセージ表示＝「｜メッセージ配列｜
@@ ライン 364: / ライン 364: @@
  送信_wa ＝ webapi!作る。
- 送信_wa:url ＝"write.php"。
+ 送信_wa.url ＝"write.php"。
  名前 ＝"ユーザー"。
  送信ボタン：動作＝「
-  送信_wa:内容＝:名前＋"："＋(:入力欄！値？)。
+  送信_wa.内容＝名前＋"："＋（入力欄！値？）。
   送信_wa！読む。
   メッセージ表示！（受信_wa！読む）実行。
@@ ライン 380: / ライン 380: @@
 //掲示板にメッセージを書き込むwrite.php
 <?php
- $message = $_GET['内容'] . "\n";
+ $message = $_GET['message'] . "\n";
  file_put_contents("chat.txt", $message, FILE_APPEND);
 ?>
@@ ライン 636: / ライン 636: @@
  <h1>ショッピングサイト</h1>。
  <hr>。
- container = <div></div>。
+ コンテナ = <div></div>。
  商品表示=「|商品名 価格 画像URL|
   商品画像=<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>
+  * サーバプログラム(shopping.php)
+```php
+<?php
+$list = [
+ ["coffee", 130, "https://example.com/cofee.jpg"],
+ ["tee", 100, "https://example.com/tee.jpg"]
+];
+echo(json_encode($list));
+```
 ## 実践的な例：チャットアプリケーション

ref_html_js.1741847678.txt.gz · 最終更新: 2025/03/13 15:34 by klab