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

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

トレース:

ch_html_js

差分

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

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

--- ch_html_js [2025/03/07 17:36]
klab
+++ ch_html_js [2025/03/13 21:08] (現在)
klab
@@ ライン 9: / ライン 9: @@
 </code>
-生成されたオブジェクトは「root:dom:タグ名」の子オブジェクトとなり、プログラム中のタグの部分は実行時には「root:dom:タグ名!"文字列"create」のように変換されて実行される。
+/*生成されたオブジェクトは「root:dom:タグ名」の子オブジェクトとなり、プログラム中のタグの部分は実行時には「root:dom:タグ名!"文字列"create」のように変換されて実行される。*/
 HTMLオブジェクトはメソッドやプロパティを持ち、タートルと同様に操作できる。既存のHTMLオブジェクトから新しいオブジェクトを作ることもできる。
@@ ライン 22: / ライン 22: @@
 . タグに直接記述する方法
 <code>
  要素＝<span id="hoge" style="color: blue;"></span>。
@@ ライン 27: / ライン 28: @@
 . メソッド呼び出しで設定する方法
 <code>
  要素＝<span></span>。
@@ ライン 72: / ライン 74: @@
 - 特定のinputタグ（checkboxなど）：値が変更されたとき（onchange）
 - それ以外のタグ：クリックされたとき
+イベント処理の定義には「動作設定」メソッドを使用することもできる。
 <code>
  ボタン＝<button>送信</button>。
  ボタン：動作＝「
-  ラベル！"ボタンがクリックされました" 作る。
+  <span>ボタンがクリックされました</span>。
  」。
  テキスト入力＝<input type="text">。
- テキスト入力：動作＝「
+ テキスト入力!「
-  ラベル！（テキスト入力：value）テキスト。
+  <span></span>！（テキスト入力!値?）テキスト。
- 」。
+ 」 動作設定。
 </code>
@@ ライン 100: / ライン 104: @@
  <div id="output"></div>。
  出力＝#output。
- 出力：テキスト＝"ID指定で取得した要素に内容を設定"。
+ 出力!"ID指定で取得した要素に内容を設定" テキスト。
 </code>
@@ ライン 118: / ライン 122: @@
 <code>
  フレーム＝<iframe></iframe>。
- フレーム：src＝"https://example.com/"。
+ フレーム！"https://example.com/" ソース。
 </code>

ch_html_js.1741336609.txt.gz · 最終更新: 2025/03/07 17:36 by klab