p5js:03.html要素の取得と変更

差分

このページの2つのバージョン間の差分を表示します。

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

両方とも前のリビジョン 前のリビジョン
p5js:03.html要素の取得と変更 [2021/07/10 15:47]
baba [要素の変更]
p5js:03.html要素の取得と変更 [2021/07/10 15:49] (現在)
baba
行 46: 行 46:
  
 ===== 要素の変更 ===== ===== 要素の変更 =====
-DOM要素の取得ができるようになりましたが、今度はDOM要素をp5js側から変更してみます。例えばテキストボックスに入力した文字列をそのまま別のテキストボックスに反映させてみます。+DOM要素の取得ができるようになりましたが、今度はDOM要素をp5js側から変更してみます。例えばテキストボックスに入力した文字列をそのまま別のテキストボックスに反映させてみます。p5.jsではDOM要素の設定には、 value()の引数に設定したい値を渡します。以下のプログラムを参照してください
 <html> <html>
 <iframe src="https://editor.p5js.org/tetsuakibaba/sketches/LSUbQyHSS" width=100% height=500px> <iframe src="https://editor.p5js.org/tetsuakibaba/sketches/LSUbQyHSS" width=100% height=500px>
  • /home/users/2/lolipop.jp-4404d470cd64c603/web/ws/data/pages/p5js/03.html要素の取得と変更.txt
  • 最終更新: 2021/07/10 15:49
  • by baba