riodw/Custom_HTML_Element.html

## Custom_HTML_Element.html
<!-- Rio Weber
     Create Custom HTML Element -->
<html>
<head>
	<title>Make Custom HTML Element</title>
</head>
<body>
	<hello-element></hello-element>

	<script>
	var proto = Object.create(HTMLElement.prototype);

	proto.createdCallback = function() {
		this.textContent = 'Hello World!';
	}

	proto.addMoreText = function(s) {
		this.textContent = this.textContent + s;
	}

	document.registerElement('hello-element', {
		prototype: proto
	});
	</script>
</body>
</html>
	<!-- Rio Weber
	Create Custom HTML Element -->
	<html>
	<head>
	<title>Make Custom HTML Element</title>
	</head>
	<body>
	<hello-element></hello-element>

	<script>
	var proto = Object.create(HTMLElement.prototype);

	proto.createdCallback = function() {
	this.textContent = 'Hello World!';
	}

	proto.addMoreText = function(s) {
	this.textContent = this.textContent + s;
	}

	document.registerElement('hello-element', {
	prototype: proto
	});
	</script>
	</body>
	</html>