救急車チャット

病院への患者の観察情報を共有するためのチャットです。
メッセージ一覧
<!DOCTYPE html>
<html>
<head>
	<title>救急車チャット</title>
</head>
<body>
	<h1>救急車チャット</h1>
	<p>病院への患者の観察情報を共有するためのチャットです。</p>
	<div id="messages">
		<p>メッセージ一覧</p>
		<ul id="messageList">
		</ul>
	</div>
	<input type="text" id="messageInput" placeholder="メッセージを入力してください">
	<button id="submitButton">送信</button>

	<script>
		// 保持するメッセージを配列で宣言する
		let messages = [];

		// sendButtonのクリックイベントリスナーを設定する
		document.getElementById('submitButton').addEventListener('click', function() {
			let message = document.getElementById('messageInput').value;
			if(message !== '') {
				// メッセージを配列に追加し、画面に表示する
				messages.push(message);
				showMessages();
				// 入力欄を削除
				document.getElementById('messageInput').value = '';
			}
		});

		// 保持するメッセージを画面に表示する関数
		function showMessages() {
			let messageListHtml = '';
			for(let i = 0; i < messages.length; i++) {
				messageListHtml += '<li>' + messages[i] + '</li>';
			}
			document.getElementById('messageList').innerHTML = messageListHtml;
		}
	</script>
</body>
</html> 

（注意：このコードは実際に使う前にセキュリティリスクに対する対策が必要であり、実装例やサンプルであり、実際に使用することは推奨されません。）