#01 スロットマシンを作ってみよう

勉強方法を教えてください

2022年1月27日

#02 画面を作っていこう

STOPボタンをbuttonタグで書いても良いですか？

2023年6月24日

なぜ stop を id ではなく class で指定するのですか？

2022年7月9日

id､class､div､mainなど、どのタグを使っていいのかわかりません

2022年1月27日

画像が潰れてみれません

2022年1月27日

#04 画像とSTOPボタンのスタイルを整えよう

display: flex; がうまくいきません

2022年1月27日

#06 Panelクラスを作ろう

const と this の使い分けを教えてください

2022年10月28日

this.stop は this.div でも同じ動作になりますが、なぜ stop クラスにしたのでしょうか？

2022年1月27日

main要素を定数にする理由を教えてください

2022年1月27日

わざわざクラスにまとめる理由はなんでしょうか？

2022年1月27日

const と this を使い分ける理由が知りたい

2022年1月27日

#07 インスタンスを生成しよう

定数 main を定義せず、document.querySelector('main').appendChild(section); としても大丈夫ですか？

2022年6月9日

なぜ panels を呼び出していないのに img の 7 が表示されているのでしょうか？

2022年1月27日

document.write()を使う方法との違いを教えて下さい

2022年1月27日

createElementとquerySelectorの違いは何ですか？

2022年1月27日

なぜ「new Panel()」とするだけでページに反映されるのでしょうか？

2022年1月27日

「コンストラクターの中でしか使わないから、定数でOK」の意味がわかりません

2022年1月27日

main文の中身を全部消す必要ありますか？

2022年1月27日

#08 spinメソッドを定義しよう

spin をクラス外の関数ではなくクラス内のメソッドとして定義したのはなぜですか？

2022年10月28日

spin メソッドを class Panel の中かつ、 constructor() の外側に定義するのはなぜですか？

2022年4月4日

protortype によるクラスの継承は習得しておくべきですか？

2022年2月10日

this は何を指しているのですか？

2022年1月27日

spin()の処理がわからない

2022年1月27日

Panel.spin()にならないのはなぜですか？

2022年1月27日

コンストラクタ内に入れるものと入れないもので違いがわかりません

2022年1月27日

ランダムな数値を生成するコードがよくわかりません

2022年1月27日

getRandomImage()やspin()のまえにfunctionを書かないのはなぜでしょうか？

2022年1月27日

#09 SPINボタンとSTOPボタンを動かそう

clearTimeout(this.timeoutId); の timeoutId はどこを参照しているのですか？

2022年9月3日

spin() の中で stop にイベントリスナーをつけても正常に動作するのですが、何か問題はありますか？

2022年7月9日

this.timeoutId = undefinedを省略しても動作するのはなぜですか？

2022年3月24日

インスタンス生成のたびに、異なる timeoutId が定義されているのですか？

2022年1月27日

setTimeout()の書き方について教えて下さい

2022年1月27日

timeoutIdの宣言はクラスの外で書いてもいいですか？

2022年1月27日

「this.timeoutId = undefined」は「let timeoutId = undefined」ではだめですか？

2022年1月27日

this.spin()とspinの違いがわかりません

2022年1月27日

なぜ1つのSTOPボタンで1つのスロットを止められるのでしょうか？

2022年1月27日

「setTimeout(this.spin, 50);」とすると動かないのはなぜですか？

2022年1月27日

setTimeoutが何を返しているのかわからない

2022年1月27日

thisの使い方がいまいち理解できません

2022年1月27日

なぜthis.timeoutId = undefinedとするのですか？

2022年1月27日

#10 結果判定のための関数を作ろう

isUnmatched とはなんですか？

2022年3月24日

クラス内に入れる、入れない、の判断はどうすればいいですか？

2022年3月2日

Panel クラスの中に const panels や function checkResult が入らないのは何故ですか？

2022年1月27日

isUnmatched()の処理について教えて下さい

2022年1月27日

コードをクラス内に書くのか、クラス外に書くのか区別がつきません

2022年1月27日

checkResultでelse ifも使えますか？

2022年1月27日

#11 結果判定処理を完成させよう

checkResult の中で isUnmatched や unmatch を使用できるのはなぜですか？

2022年1月27日

isUnmatched (p1, p2) や unmatch () を Panel クラス内に書くのはなぜですか？

2022年1月27日

isUnmatched()のthis.img.srcがなぜ最初の画像なのかわからない

2022年1月27日

isUnmatched(p1, p2)で渡すp1､p2はどのインスタンスを指しているのですか？

2022年1月27日

isUnmatched(p1, p2) で渡すp1､p2はどこからきたのですか？

2022年1月27日

isUnmatched関数の動きがよくわかりません

2022年1月27日

#12 SPINボタンとSTOPボタンを制御しよう

disabled 属性が使えないのはなぜですか？

2023年6月14日

return のあとに書いたコードが実行される理由がわかりません

2023年2月11日

ストップボタンを1つ押すとすべて押せなくなるのでは？

2022年1月27日

条件分岐の位置を変えたら動かなくなりました

2022年1月27日

#13 リセット処理を実装しよう

パネルに関する処理は Panel 内に閉じ込める方がいいですか？

2022年9月3日

このスロットマシンアプリはプロの方ならどれくらいの時間で作れますか？

2022年2月10日

imgにリンクを貼れますか？

2022年1月27日

spin.classList.remove('inactive'); の先頭に this がつかないのはなぜですか？

2022年1月27日

mainではなくてdivタグを使うとどうなりますか？

2022年1月27日