ここまでVueの基本を勉強しました。
アウトプットの為にWEBアプリを作って行きたいと思います。
Vueを学んでいる中で最初に作ろうと決めていたものがあります。
『じゃんけん』アプリです!!
理由は簡単、作りやすそうだから笑
最初から躓き、壁に当たりまくってもモチベが下がるので初心者の自分でもギリ超えれそうなものを選ばせて貰いました。
目標
ボタンを押したら変化を加える
・こちらの手によって相手の手を出す。
・最初から表示されている文字を消す。
・勝ち負けの結果を表示させる。
・相手の手を画像にて表示させる。
以上です。
ある程度構成が出来ているのでカチカチと終わらせます。
まずは、HTMLとCSSにて見た目を作ります。
ここは何なくクリア!
こんな所では転びません笑
次は、JavaScriputの動きをつけます。
ボタンを押したら文字を表示と非表示にして、
v-ifでじゃんけんの勝ち負けの条件式を書いて保存をしたら、、、、、、、、、
はい、白くなりました。
シロッ(`・ω・´)!!!!
コードエラーでもなく白に笑
取り敢えず躓いた事は分かりました( ^ω^ )