認証テスト

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>認証テスト</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

<div class="container">
  <h1></h1>
</div>
認証キー<br><form name="key">
<textarea rows="1"></textarea><br>
キー入力<br><textarea rows="1"></textarea>
</form><br>
<button onclick="ninsyo()">認証キー発行</button><br>
<button onclick="ninsyotwo()">認証</button>
<script>
function sippai(){
alert("認証に失敗しました。");
}
function ninsyo(){
var ransuu = Math.floor(Math.random()*49000000)+50000000;
document.key.elements[0].value = ransuu.toString(36);
}
function ninsyotwo(){
if(document.key.elements[0].value == document.key.elements[1].value){
document.write("認証完了!");
}
else{
sippai();
}
}
</script><br>
ヒント<br>
認証キー発行ボタンを押すと認証キーが再作成されます。
</body>
</html>

@charset "UTF-8";

body {
  background: #f8f8f8;
}
window.addEventListener('load', function() {
  document.querySelector('h1').innerHTML = '認証テスト';
}, false);
Full page Open in App

2 months ago

認証テストです。

Pages


comments powered by Disqus