Dotinstallを参考に作ったもの

たまに、Dotinstallで勉強してます。少し、変えることにより、より理解が深まると思います。

スポンサーリンク

パスワードの自動作成(Bootstrap4)

password 自動作成

Bootstrap4で作ってみました。
スマホにも対応してみました。

 

JavaScriptでパスワードジェネレータを作ろう (全8回) – プログラミングならドットインストール

◎ スライダーは使いづらいので、input:Text でpassWordの長さ指定します。

 

Vagrant up のBatを作った

EXEファイルを起動し、Batを閉じるときのTips

vagrant up
start "" "C:\Program Files\PuTTY\putty.exe"

start のうしろに、空の””がないとEXE動きません。

 

神経衰弱ゲーム+Bootstarp4

 

作ったサイト: suijyaku

Bootstrap4を使い、Tabのメニューもつけてみました。

参考サイト:

JavaScriptで神経衰弱を作ろう (全16回) – プログラミングならドットインストール

display: flex;
flex-wrap: wrap;

Andoroidで使えないので

display: inline-block;

に書き換えました。

少し。むずかしいもの(画像)

数値の部分は、画像を使いました。

神経衰弱2(0~9)

 

小さい数から、タッチ+Web Storage

小さい数からタッチ

Bootstrap4 のTab メニューをつけWebStorageで自分の過去最高点を表示できるようにしました。

参考サイト:
JavaScriptで数字タッチゲームを作ろう (全15回) – プログラミングならドットインストール

間違い探し(色)+Bootstrap4

色パネルゲーム

参考サイト:JavaScriptで間違い探しゲームを作ろう (全13回) – プログラミングならドットインストール

 

コメント

タイトルとURLをコピーしました