Problem with copy/pasting code

1

When i try to paste and copy code it comes out like this (look below). I do have an old computer and using chromium atm. Any ideas on how to fix this? I am having issues with the Roman Numeral Converter project in javascript, code is working fine but it wont submit (dont comply with fcc:s rules for some reason) and i cant ask for help here because i cant post it. Would love some help <3

<div style="color: #000000;background-color: #eeeeee;font-family: Hack-ZeroSlash, monospace, Menlo, Monaco, 'Courier New', monospace;font-weight: normal;font-size: 18px;line-height: 27px;white-space: pre;"><div><span style="color: #808080;">&lt;!doctype</span><span style="color: #ff0000;"> html</span><span style="color: #808080;">&gt;</span></div><div><span style="color: #383838;">&lt;</span><span style="color: #800000;">html</span><span style="color: #000000;"> </span><span style="color: #ff0000;">lang</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"en"</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">head</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">meta</span><span style="color: #000000;"> </span><span style="color: #ff0000;">charset</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"utf-8"</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">meta</span><span style="color: #000000;"> </span><span style="color: #ff0000;">name</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"viewport"</span><span style="color: #000000;"> </span><span style="color: #ff0000;">content</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"width=device-width, initial-scale=1.0"</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">title</span><span style="color: #383838;">&gt;</span><span style="color: #000000;">Roman Numeral Converter</span><span style="color: #383838;">&lt;/</span><span style="color: #800000;">title</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">link</span><span style="color: #000000;"> </span><span style="color: #ff0000;">rel</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"stylesheet"</span><span style="color: #000000;"> </span><span style="color: #ff0000;">href</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"styles.css"</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;/</span><span style="color: #800000;">head</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">body</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">    </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">h1</span><span style="color: #383838;">&gt;</span><span style="color: #000000;">ROMAN NUMERAL CONVERTER</span><span style="color: #383838;">&lt;/</span><span style="color: #800000;">h1</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">    </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">div</span><span style="color: #000000;"> </span><span style="color: #ff0000;">id</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"input-div"</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">      </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">h2</span><span style="color: #383838;">&gt;</span><span style="color: #000000;">Enter a number:</span><span style="color: #383838;">&lt;/</span><span style="color: #800000;">h2</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">      </span></div><div><span style="color: #000000;">      </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">input</span><span style="color: #000000;"> </span><span style="color: #ff0000;">id</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"number"</span><span style="color: #000000;"> </span><span style="color: #ff0000;">type</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"number"</span><span style="color: #000000;"> </span><span style="color: #ff0000;">required</span><span style="color: #383838;">&gt;&lt;/</span><span style="color: #800000;">br</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">      </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">button</span><span style="color: #000000;"> </span><span style="color: #ff0000;">type</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"button"</span><span style="color: #000000;"> </span><span style="color: #ff0000;">id</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"convert-btn"</span><span style="color: #383838;">&gt;</span><span style="color: #000000;">CONVERT</span></div><div><span style="color: #000000;">    </span><span style="color: #383838;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #383838;">&gt;</span></div><br><div><span style="color: #000000;">    </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">div</span><span style="color: #000000;"> </span><span style="color: #ff0000;">id</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"output"</span><span style="color: #383838;">&gt;&lt;/</span><span style="color: #800000;">div</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">    </span><span style="color: #383838;">&lt;</span><span style="color: #800000;">script</span><span style="color: #000000;"> </span><span style="color: #ff0000;">src</span><span style="color: #383838;">=</span><span style="color: #0000ff;">"script.js"</span><span style="color: #383838;">&gt;&lt;/</span><span style="color: #800000;">script</span><span style="color: #383838;">&gt;</span></div><div><span style="color: #000000;">  </span><span style="color: #383838;">&lt;/</span><span style="color: #800000;">body</span><span style="color: #383838;">&gt;</span></div></div>
2

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

3

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

4

to format the code in your editor, you can right click and choose “format” in the editor