以外に簡単に作れるジェネレータ
![](https://dotinstall.com/package_img/pwd_generator_js_v3/screen_1.png)
JavaScriptでパスワードジェネレータを作ろう (全8回) - プログラミングならドットインストール
JavaScrptでシンプルなパスワードジェネレータを作ってみます。
オプション部分のソースコード
![](https://realslowlife.com/rs/wp-content/uploads/2018-06-22_17h15_48.png)
<fieldset>
<legend>
options</legend>
<p>Length: <input type="range"></p>
<p>
Numbers?: <input type="checkbox" name="" value="">
Symbols?: <input type="checkbox" name="" value="">
</p>
</fieldset>
<FIELDSET>はフォームの入力項目をグループ化する際に使用します。 グループの先頭には、<LEGEND>~</LEGEND>で入力項目グループにタイトルをつけます
box-shadow: 左右の向き 上下の向き ぼかし 広がり 色 内側指定;
box-shadow: 0 4px 0 #0088cc;
スライダーを動かす
Javascript即時関数
![](https://realslowlife.com/rs/wp-content/uploads/2018-06-22_17h26_34.png)
var slider = document.getElementById('slider');
var label = document.getElementById('label');
slider.addEventListener('change',function(){
label.innerHTML = this.value;
スライダーの値とラベルの値を取得する
スライダーの値がChangeしたとき
ラベルのインナーHTMLをスライダーの値に書き換える
dropbox hp dotinstall password