Coding Experiments

Things you can do here:

Temperature Converter

Input a temperature in Fahrenheit here to find out the temp in Celsius (rounded to the nearest whole number):

Fahrenheit:

Find out about Sal!

Sal is 30 years old.

He drives a Mazda Familia and is constantly repairing a Studebaker station wagon.

He works at the Grocery Outlet in Forks.
Sal stocking eggs drawn in black and white.

Sal has a tattoo over his ribs with a quote from the play Electra by Sophocles. It reads: "Most loyal sister, do you leave me now?"

This is Sal.

Change background color here:

BG Color Selector Javascript basis from this Stack post.

Storytime

Explore the book to hear a story.







Hello

Shakespeare-ifier

Upgrade your writing into Elizabethan fancy:

Coding Diary

8/3/25: Big changes. I moved my repository to github and am updating there or on VS Code. It's been awkward, but now that the main move is done, I think edits will be smoother. Currently, I'm working on some playful page layouts. One of them is here.

7/28/25: I am banging my head against this highlight-focus thing. I know it should be possible. The problem is, I'm chasing multiple layers. First layer is the list item, which needs an ID. Then those need an Event Listener added (mouseover). Then the mouseover needs to point to a function, which should highlight a section. To do that, the sections each need IDs, too. BUT the trick is: I need the ID of the highlighted list item to also point to which section needs highlighting. It should be something like the BG-Selector, which uses the value of the drop-down item as its color name.
So I feel like I should be able to go... highlighted list item --> ID of list item --> ID of section to highlight.

EXCEPT I can't use the same ID twice. And if I use the class selector... would that work? Light up anything with that class name? Hmm... Well, I'm taking a break from it for now.

7/27/25: SOUND EFFECTS!!!

7/26/25: Today I got the mouse-movement book to work! I can't figure out how to slow down the text yet.

Also added a picture of Sal, which I drew last night.

7/25/25: It is the Week of Javascript. Today I fixed the temp converter and finally made it a text box. Surprisingly big deal. As soon as I learned to do that, I made the Shakespeare upgrader for fun.

Today I also got the drop-down working, and added car images. I want to add drawings.

Current goal is two mini projects:
  1. Hover --> Highlight: making the Playground directory highlight relevant sections.
  2. DONE!Mouseover --> Reveal: Trying to make a storybook that, when you move your mouse over it, reveals more and more text. I can make it reveal a slice with mouseover, but not gradually.