目で見てわかる、こんな暗証番号がよく使われている 【危険な暗証番号のパターン】

<span id="ransuu">表示場所</span>

<script type="text/javascript">
function random() {
var result = "";
for (i=0; i<5; i++) {
var num = Math.floor( Math.random() * 10000) ;
result += ("0000"+num).slice(-4) + "    "; 
}
document.getElementById("ransuu").innerHTML = result; 

}
</script>

<a href="javascript:random();">ランダムな暗証番号を作る</a><br />

JavaScriptでゼロパディングして桁をそろえる方法

so-zou.jp

リンクのクリック時にJavaScriptを実行する - リンクのonClickの実装 (JavaScript プログラミング)

www.ipentec.com

記事公開時はformタグでjavascriptのボタンを作っていましたが、AMPエラーが出たのでリンクに変えました。

<amp-form>タグにはいろいろ必須属性（method, action, targetなど）があって、基本的にはフォームの役割は「ウェブサイトへの入力と画面遷移」としているようです。このボタンではウェブページ内の文字列を動的に変更しているだけなので、ちょっとおおげさなのかな、と思いました。

元のコード

<form>
<span id="ransuu">表示場所</span>
<br>
<input type="button" value="ランダムな暗証番号を作る" onClick="random()">
<br>
</form>

<script type="text/javascript">
function random() {
var result = "";
for (i=0; i<5; i++) {
var num = Math.floor( Math.random() * 10000) ;
result += ("0000"+num).slice(-4) + "    "; 
}
document.getElementById("ransuu").innerHTML = result; 

}
</script>

AMPエラー HTML タグに必須属性がありません。- formとJavaScript

ブログ記事の中にフォームを入れていたら、AMPエラーになりました。カスタムHTMLを使うとよくAMPエラーになりますね。足りなかったのは、formタグのtarget属性でした。formタグの説明では特に見かけなかったんですが、必須属性なんですね。今回のコードでは、javascriptの関数を動作させるためのボタンを配置するためにフォームを作りました。特にデータをサーバーに送るものでもなかったので、formのプロパティを指定していなかったのが、よくなかったようです。こちらが参考...

chiilabo.com