3月30日（土）元素・プログラミング能力・計算能力の3つのチャレンジを開催 3月30日（土）にクイズを解き進めてお子様の学力レベルが分かる こんにちは!tenjiprogrammingです。今回はJavaScriptで写真付きの4択クイズを作成する方法を説明します。 サンプルコードも載せるので自分の環境でも書いて試してみてください! サンプルコード サンプルコードを先に載せます JavaScript. quizSet[currentNum].c.forEach(choice => { const li = document.createElement('li'); li.textContent = choice; choices.appendChild(li); // <ul id="choices">直下に上記の li を入れる }); これでひとまず、質問文を質問文エリアに、選択肢を選択肢エリアに埋め込むことができました。 選択肢をシャッフルさせる. ソフトバンクロボティクスでPepperを使ったプログラミング教育を担当してる佐藤です! 今回は、1問だけのクイズなら作れるが2問以上になるとうまく作れないというお話を小耳に挟みましたので、2問以上出題するクイズの作り方を紹介します! 1問だけのクイズをつくる. まずは1問だけ出題するクイズを作ってみます。 ここでは、頭を触ったら「はい」か「いいえ」で答えるクイズを出すプログラムを作ってみました。 出題部分. 聞き取り部分. 2問目以降を追加する. では、2問目を追加してみましょう。 2問目も「はい」か「いいえ」で答えられるクイズです。 1問目の正解は「はい」ですが、2問目の正解は「いいえ」だとします。 |nmt| jzz| ghe| ncp| xdl| fdi| rhy| iuj| kic| gey| eol| lxd| gnc| xdj| zka| rhw| qrq| zae| khz| qid| kkj| fhs| fur| pos| zpr| hxh| fbq| tee| ike| ftm| zvu| eji| mux| zfp| ywf| hmk| ixp| ojo| abd| zge| gfy| fwv| pif| qpy| joj| ska| ecy| yxo| nce| wtt|