Markdown previwer test 5 wont pass

Tell us what’s happening:
I’ll be crazy. Test 5 wont pass. Can someone help me? I even copied and pasted example’s markdown text. BUT IT WONT PASS DAMN. OF COURSE I HAVE MADE MY OWN MARKDOWN TEXT IF YOU OBSESSED SO MUCH ABOUT PLAGIARISM. HERE IT IS:

H1 Element \n ## H2 element \n Google is here: go to Google \n\n Inline Code \n\n <ul><li></li><li></li></ul> \n\n\n 1. First 2. Second 3. Third \n\n\n > Blockquote is here. \n\n\n Wind Turbine \n\n\n This is bold text.


MY code so far

import * as React from "";
import * as ReactDOM from "";
import * as bootstrap from "";
import $ from "";
import * as marked from "";

class MyComponent extends React.Component {
  constructor(props) {
    this.state = {
      text: `# Welcome to my React Markdown Previewer!

## This is a sub-heading...
### And here's some other cool stuff:
Heres some code, \`<div></div>\`, between 2 backticks.

// this is multi-line code:

function anotherExample(firstLine, lastLine) {
  if (firstLine == '\`\`\`' && lastLine == '\`\`\`') {
    return multiLineCode;
You can also make text **bold**... whoa!
Or _italic_.
Or... wait for it... **_both!_**
And feel free to go crazy ~~crossing stuff out~~.

There's also [links](, and
> Block Quotes!

And if you want to get really crazy, even tables:

Wild Header | Crazy Header | Another Header?
------------ | ------------- | ------------- 
Your content can | be here, and it | can be here....
And here. | Okay. | I think we get it.

- And of course there are lists.
  - Some are bulleted.
     - With different indentation levels.
        - That look like this.

1. And there are numbererd lists too.
1. Use just 1s if you want! 
1. But the list goes on...
- Even if you use dashes or asterisks.
* And last but not least, let's not forget embedded images:

![React Logo w/ Text](
    this.handleChange = this.handleChange.bind(this);
  handleChange(event) {
  render () {
     return (<div>
           <textarea id="editor" onChange={this.handleChange} value={this.state.text}></textarea>
           <div id="preview" dangerouslySetInnerHTML= {{__html: marked.parse(this.state.text)}}></div>
ReactDOM.render(<MyComponent />, document.getElementById("main-div"));

MY browser information:

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

Challenge: Build a Markdown Previewer

Link to the challenge:

Please provide a working link to your project so we can run the tests for ourselves.

When I run your code test 5 passes and only test 7 doesn’t.

1 Like

Thank you so much! I created a clean pen in CodePen to try it. And it is really working. It passed test 5. As you said only test 7 won’t passed.
So, what we understand from here is test suite or CodePen sometimes can go crazy.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.