JSは検証コードのランダム生成を実装します
|
この記事の例では、検証コードのランダム生成を実現するためのJSの具体的なコードを参考までに共有しています。具体的な内容は次のとおりです。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8" />
<タイトル></タイトル>
<スタイル>
</スタイル>
</head>
<本文>
<div>
<h1>111111</h1><a href="#" rel="external nofollow" >よく見えないので、1つ変更してください</a>
</div>
確認コード: <input type="text" value="" />
<button>OK</button>
</本文>
<スクリプト>
var arr = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z",
「a」、「b」、「c」、「d」、「e」、「f」、「g」、「h」、「i」、「j」、「k」、「l」、「m」、「n」、「o」、「p」、「q」、「r」、「s」、「t」、「u」、「v」、「w」、「x」、「y」、「z」、
0,1,2,3,4,5,6,7,8,9];
var h1 = document.querySelector("h1");
var btn = document.querySelector("ボタン");
var change = document.querySelector("a");
var input = document.querySelector("入力");
関数fn(){
var arr1 = Math.floor(Math.random()*62);
var arr2 = Math.floor(Math.random()*62);
var arr3 = Math.floor(Math.random()*62);
var arr4=Math.floor(Math.random()*62);
var arr5=Math.floor(Math.random()*62);
var arr6=Math.floor(Math.random()*62);
var yz=""+arr[arr1]+arr[arr2]+arr[arr3]+arr[arr4]+arr[arr5]+arr[arr6];
h1.innerHTML は yz です。
btn.onclick=関数(){
アラート(入力値);
if(入力値==yz){
アラート("正しい");
}それ以外{
警告("エラー");
}
}
}
関数fn();
change.addEventListener("click",fn);
</スクリプト>
</html> 1. Math.floor() メソッド 数学.floor(x) floor() メソッドは、x 以下の最大の整数を返します。 渡された引数が整数の場合、値は変更されません。 2. Math.random() メソッド random() メソッドは、0 (含む) から 1 (含まない) までの乱数を返します。 上記の2つの方法を使用して、乱数を取得する機能を実現できます。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySql ビュー トリガー ストアド プロシージャの詳細な説明
>>: Linux ソースコードからのソケット (TCP) クライアント側での接続の例の詳細な説明
推薦する
CSS 表示属性のインラインブロックレイアウト実装の詳細な説明
CSS 表示プロパティ注: !DOCTYPE が指定されている場合、Internet Explore...
Vue2.0の双方向データバインディング原則を手動で実装する
一言で言えば: データハイジャック (Object.defineProperty) + パブリッシュ...
Innodb で MySQL の 2T テーブルをすばやく削除する方法の例
序文この記事は主に、MySQL の Innodb で 2T の大きなテーブルをすばやく削除する方法に...
CentOS7 で docker を使用して Apollo 構成センターをデプロイする実装
Apollo オープンソース アドレス: https://github.com/ctripcorp/...
CSS で画像アダプティブ コンテナを実装するいくつかの方法 (要約)
多くの場合、画像をコンテナのサイズに合わせて調整する必要があります。 1. imgタグ方式幅と高さを...
Reactのref属性を深く理解する方法
目次概要1. Refsオブジェクトの作成1.1 React.createRef() 1.2React...
Vueはデータを初期状態にリセットします
場合によっては、データ内のデータを再利用する必要がありますが、データ内のデータはさまざまなフォーム、...
Vueはテーブルページング機能を実装します
この記事では、テーブルページング機能を実現するためのVueの具体的なコードを例として紹介します。具体...
MySQLデータベースインデックスの詳細な説明
目次1. MySQLインデックスの紹介2. MySQLの5種類のインデックスの詳しい説明1. 総合索...
Vue は検証コードのカウントダウンボタンを実装します
この記事では、検証コードカウントダウンボタンを実装するためのVueの具体的なコードを例として紹介しま...
Windows での Maven のインストールと構成に関するグラフィカル チュートリアル (ローカライズされたウェアハウス構成を含む)
1. MavenをダウンロードするMaven 公式サイト: http://maven.apache...
MySQL で制限を使用するとパフォーマンスに影響するのはなぜですか?
まず、MySQL のバージョンについて説明します。 mysql> バージョンを選択します();...
Linux での MySQL 5.7.18 yum のアンインストールからインストールまでのプロセスの図
いろいろ苦労しましたが、やっと yum インストールの手順がわかりました。以前、バイナリ パッケージ...
Dockerとiptablesとブリッジモードのネットワーク分離と通信操作の実装
Docker は、ブリッジ、ホスト、オーバーレイなどの複数のネットワークを提供します。同じ Dock...
CentOS 7.6 への MySQL 5.7 GA バージョンのインストール チュートリアル図
目次環境の準備環境の準備mariadbをアンインストールする rpm -qa | grep mari...