The logic used on this page stems from the DOM. I used getElementsByTagName to find the <td> element and an if statement to change the text color from white to black. I checked the td child node length to turn the button color to grey when the last fact is revealed.

Get Element By Tag Name Node Reveal

I used getElementsByTagName to find the <td> element and an if statement to change the text color from white to black. I checked the td child node length to turn the button color to grey when the last fact is revealed.

The logic used on this page stems from tree traversal in the DOM.

Node Tree Traversal

This is a coding challenge I bombed in an interview one time. I was asked to traverse the dom and could not do it in the interview, so I spent the following hours creating this little project. I did not get the job, but I did rise to the challenge and did my best.

I used a search function that traverses the node children with a for...in loop and pushes matched values to an array. I synced the matched value array to an output state in order to show the returned values in real time on the page.

A React based Code Editor I built with React in a NextJS framework

NextJS Code Editor

A React based Code Editor I built in a NextJS framework. This replicates what codepen.io does on their website. A fun project I coded then wrote an article about on dev.to. It is also on github publicly.

Biggie's Deli website

A website I made for a delightful deli in Greeneville, TN. I added their breakfast menu to DoorDash as well.

Check it Out: