<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>AutoChatSystem with OTP login</title>
<link rel="stylesheet" type="text/css" href="otp.css">
<script type="text/javascript" src="otp.js" charset="utf-8"></script>
</head>
<body>
<div id="auth" class="login">
<table>
<tr><td>User(email)</td>
<td><input type="text" id="user"></td>
<td><button type="button" value="SEND" id="senduser">SEND</button></td>
</tr>
<tr><td>Passcode</td>
<td><input type="password" id="passcode" disabled></td>
<td><button type="button" value="SEND" id="sendcode">SEND</button></td>
</tr>
</table>
</div>
<article id="main" class="hidden">
<h1>語り合おうぞ!</h1>
<p>一言: <input type="text" id="note"></p>
<p>Reply: <span id="reply"></span></p>
</article>
<button type="button" id="clear">Clear localStorage</button>
</body>
</html>
HIROSE Yuuji