Help building a page for the Roman numeral converter

I completed the Roman numeral converter project a few weeks ago and was hoping to build a web page where users could enter a number, then the corresponding Roman numeral would pop up in a “results” box.

Since I don’t have a ton of experience with selecting and modifying elements, I built this mini-version of the site to sort out the steps I need to take. But I don’t understand why instead of putting text in the box, it is putting… an object??

Is there no way I can select the user’s input into the box and run it through my function, without dealing with form submission? :woman_facepalming:

The codepen you linked doesn’t look like your screenshot and it works correctly as far as I can see.

Bother. I must have failed to save my changes. It was working when all I had it do was simple math. But when I put in a switch statement (to replace 1 with I, 2 with II, etc), that was when it started giving the result in the screenshot. I went back in and repeated the changes. Sorry about that.