frankfaustino/React.html

## React.html
<html>

<body>
  <div id="root"></div>
</body>
<script>
  const rootEl = document.getElementById('root')
  function createElement(type, props, ...children) {
    const element = document.createElement(type)
    Object.entries(props).forEach(([key, value]) => {
      element.setAttribute(key, value)
    });
    (props.children || children).forEach(child => {
      if (typeof child === 'string') {
        element.appendChild(document.createTextNode(child))
      } else {
        element.appendChild(child)
      }
    })
    return element
  }
  const spanElement = createElement('span', {}, 'SPAN!')
  const element = createElement('h1', { id: 'header', children: ['Hey there', spanElement] })
  rootEl.appendChild(element)
</script>

</html>
	<html>

	<body>
	<div id="root"></div>
	</body>
	<script>
	const rootEl = document.getElementById('root')
	function createElement(type, props, ...children) {
	const element = document.createElement(type)
	Object.entries(props).forEach(([key, value]) => {
	element.setAttribute(key, value)
	});
	(props.children \|\| children).forEach(child => {
	if (typeof child === 'string') {
	element.appendChild(document.createTextNode(child))
	} else {
	element.appendChild(child)
	}
	})
	return element
	}
	const spanElement = createElement('span', {}, 'SPAN!')
	const element = createElement('h1', { id: 'header', children: ['Hey there', spanElement] })
	rootEl.appendChild(element)
	</script>

	</html>