<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ふれあい広場|みんなで話そう</title>
<link rel="stylesheet" href="button.css" />
</head>
<body>
<div id="WebGL-output"></div>
<div id="overlay">
<!--透明なオーバーレイ-->
<button class="emotion-button smile" data-emotion="smile">⸜(*ˊᗜˋ*)⸝ にこにこ</button>
<button class="emotion-button sad" data-emotion="sad">(￣口￣∥) 悲しい</button>
<button class="emotion-button surprised" data-emotion="surprised">…!?∑(OωO; ) 驚く</button>
<div class="container">
<button class="way-button forward" id="forward">↑</button>
<button class="way-button back" id="left">←</button>
<button class="way-button right" id="right">→</button>
<button class="way-button left" id="back">⇣</button>
<button class="way-button turn" id="turn">↺</button>
</div>
<!-- ユーザネーム入力 -->
<input type="text" id="sampleUserInput" placeholder="ユーザーネーム" name="username">
<input type="submit" value="送信!" onclick="AddStringToTextarea();">
<textarea cols="20" rows="7" id="sampleInputedList" readonly>User3が入室!
User2が入室!
User1が入室!
</textarea>
</div>
<script type="text/javascript">
function AddStringToTextarea() {
var UserString = document.getElementById('sampleUserInput').value;
var TargetList = document.getElementById('sampleInputedList');
TargetList.value = UserString + "が入室!" + "\n" + TargetList.value;
}
</script>
<script type="module" src="hureai.js"></script>
</body>
</html>
