yamatt/messaging.html

## messaging.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML5 Message Tests</title>
    </head>
    <body>
        <h1>Set a name and type a message</h1>
        <form id="name">
            <label>Enter your name:
                <input type="text" name="name" required placeholder="Your name..." />
            </label>
            <button type="submit">Set</button>
        </form>
        <form id="message">
        </form>
        <ul id="messages">
        </ul>
        <script type="text/template">
            <li><strong>{{ name }}:</strong> {{ message }}</li>
        </script>
        <script>
            var set_name = document.querySelector("#name");
            set_name.addEventListener("submit", function (e, data) {
                e.preventDefault();
                var name = e.srcElement.querySelector("input[name=name]").value;
                this.classList.add("close");
            }, true);
        </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>HTML5 Message Tests</title>
	</head>
	<body>
	<h1>Set a name and type a message</h1>
	<form id="name">
	<label>Enter your name:
	<input type="text" name="name" required placeholder="Your name..." />
	</label>
	<button type="submit">Set</button>
	</form>
	<form id="message">
	</form>
	<ul id="messages">
	</ul>
	<script type="text/template">
	<li><strong>{{ name }}:</strong> {{ message }}</li>
	</script>
	<script>
	var set_name = document.querySelector("#name");
	set_name.addEventListener("submit", function (e, data) {
	e.preventDefault();
	var name = e.srcElement.querySelector("input[name=name]").value;
	this.classList.add("close");
	}, true);
	</script>
	</body>
	</html>