Front End Development Libraries Projects - Build a Markdown Previewer

JavaScript
1

Tell us what’s happening:

I have added all the default markdown required yet I do not pass test 5 and 6. Can some one please assist?

Your code so far

Here is the link to my code: Vitejs - Vite (forked) - StackBlitz

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Front End Development Libraries Projects - Build a Markdown Previewer

1 Like
2

have you clicked on the tests to see the output?

It says

write some markdown representing a codeblock, i.e. <pre><code>...</code></pre> : expected false to be true

you don’t have a codeblock

And 6 says

#preview does not contain at least one <pre> : expected +0 to be at least 1

Follow this to write a codeblock in markdown, it’s the isntructions to write a codeblock on the forum, but the same identical syntax is for there:

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 (').

1 Like
3

Does it mean I shouldn’t use the three backticks and instead use <pre><code>...</code></pre>? I’m really stuck

4

it means you need to update the starting value of your textarea to have a code block

5

Thank you, I appreciate your assistance