TsumeCompe.js / HTML作成支援ツール
使い方(クリックして開く)
- Googleフォームを作成し、入力ページのHTMLをファイル保存する。
- このツールにHTMLファイルを読み込む(またはコピーペーストする)。
- 「データ作成」ボタンでデータを作成する。
formタグ部分のみ作成するか、formタグを含むdivタグを作成するか選択できる。
- 「ダウンロード」で取り出す。
- Googleフォームに設定した入力欄の名称により、次のとおり自動設定する。
- 「回答0」「回答1」…だと、idが「answer0」「answer1」…になる。
回答欄の数に応じたcanvas要素を作成する。
- 「氏名」だとidが「name」になる。
- 「居住地」だとidが「place」になり、都道府県の選択肢になる。