Fun with prentheses

<div class="rooms">
	<input data=Local.newRoomName />
	<button>"Create new room"</button onclick=handler() {
		Global.rooms.unshift(new { name:Local.newRoomName, messages:[] })
		Local.newRoomName.set('')
	}>
	for (room in Global.rooms) {
		<div class="room">
			<div class="name">room.name</div onclick=handler() { Local.currentRoom = room }>
		</div>
	}
</div>

if (Local.currentChatroom) {
	"Username "<input data=Local.username />
	<div class="currentChatroom">
		<div class="messages">
			for (message in Local.currentRoom.messages) {
				<div class="message">
					message.sender ': "' message.text '"'
				</div>
			}
		</div>
		<input data=Local.messageText /><button>"Send"</button onclick=handler() {
			let newMessage = new { sender: Local.username, text: Local.messageText }
			Local.messageText.set('')
			Local.currentChatroom.messages.push(newMessage)
		}>
	</div>
} else {
	"Click on a room to join it"
}