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

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

ユーザ用ツール

サイト用ツール


ref_html_js

差分

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

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

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
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));​
 +```
  
 ## 実践的な例:チャットアプリケーション ## 実践的な例:チャットアプリケーション
ref_html_js.1741847678.txt.gz · 最終更新: 2025/03/13 15:34 by klab