How do I add something to my html using javascript without erasing the whole page

Question

I have a small calculator that I'm adding to my html. It has a few dropdowns to select stuff and when a person hits a submit button, I'd like to display a picture below the calculator in my html. I've tried using a javascript function with: document.write() but that clears the whole page. Is there a way that I can get a javascript function to run which only adds a picture to my page when a submit button is clicked? Here's a BASIC outline of my code with the part I'm having trouble with: ```

Select Your Option Type:
Select The Second Number:

Accepted Answer

You need a placeholder element for your output. Then set the innerHTML for that element: ```

``` then: ``` document.getElementById('answer').innerHTML = "answer is:" + yourdata ```

How do I add something to my html using javascript without erasing the whole page

Solution

Problem