体調不良のため長らくお休みしていました、過去をさかのぼって更新していきます。

ドットインストール Javascript パスワードジェネレータ

[PR] 記事内には広告が含まれています。

以外に簡単に作れるジェネレータ

JavaScriptでパスワードジェネレータを作ろう (全8回) - プログラミングならドットインストール
JavaScrptでシンプルなパスワードジェネレータを作ってみます。

オプション部分のソースコード

<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即時関数

var slider = document.getElementById('slider');
var label = document.getElementById('label');
slider.addEventListener('change',function(){
label.innerHTML = this.value;

スライダーの値とラベルの値を取得する
スライダーの値がChangeしたとき
ラベルのインナーHTMLをスライダーの値に書き換える

dropbox hp dotinstall password