warengonzaga · September 20, 2023 03:12
diff --git a/build_your_own_react.md b/build_your_own_react.md
diff --git a/index.html b/index.html
 <html>
 <body>
  <div id="root"></div>
 </body>
 </html>
diff --git a/index.js b/index.js
 function render(reactElement, containerDOMElement) {
  const element = document.createElement(reactElement.type);
  
  element.innerText = reactElement.children;
  for (const key in reactElement.props) {
    const value = reactElement.props[key];
    element.setAttribute(key, value);
  }

  containerDOMElement.appendChild(element);
 }

 const reactElement = {
  type: 'a',
  props: {
    href: 'https://warengonzaga.com/',
  },
  children: 'Visit my website!',
 };

 const containerDOMElement =
  document.querySelector('#root');

 render(reactElement, containerDOMElement);
	function render(reactElement, containerDOMElement) {
	const element = document.createElement(reactElement.type);

	element.innerText = reactElement.children;
	for (const key in reactElement.props) {
	const value = reactElement.props[key];
	element.setAttribute(key, value);
	}

	containerDOMElement.appendChild(element);
	}

	const reactElement = {
	type: 'a',
	props: {
	href: 'https://warengonzaga.com/',
	},
	children: 'Visit my website!',
	};

	const containerDOMElement =
	document.querySelector('#root');

	render(reactElement, containerDOMElement);