動的なhtmlタグの生成

p5.jsに限らすjsでは動的にhtmlタグを生成できます。例えばプログラムの配列サイズ・内容に応じてselect optionを生成するなどが可能です。p5jsの場合は、生成したタグの変数に対してparentメソッドが用意されています。例えば

index.html

<body>
<h1>tag generation test</h1>
<div id="place-holder">
ここに動的に生成されたタグ（checkbox）が入ります。
</div>
</body>

sketch.js

function setup()
{
  var mycheckbox = createCheckbox('label', false);
  mycheckbox.parent("place-holder");
  noCanvas();
}