Musicon code help!?

Hi friends!! I have a bit of a problem with the musicon project…
I am finished with the code but it seems like something is not working. The handlebars wont show the content either in the home page or on the store page…

I checked the walktrough video, went trough every task over and over again and again and again but I can’t find my error.

If anyone could help me show the directon or sees anything please… it would be a big help, im geting crazy…

this my index html:

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Musicon</title>

    <link rel="stylesheet" href="public/style.css">

    <script src="handlebars.min.js"></script>

    <script id="templateHB" type="text/x-handlebars-template">

      <h1>{{title}}</h1>

      <p>{{body}}</p>

      <a href="store.html">Shop Now</a>

    </script>

  </head>

  <body>

    <header>

      <section class="container">

        <h1 class="branding">Musicon</h1>

        <nav>

          <ul class="navbar">

            <li class="current">

              <a href="index.html">Home</a>

            </li>

            <li>

              <a href="store.html">Store</a>

            </li>

            <li>

              <a href="contact.html">Contact</a>

            </li>

          

          </ul>

        </nav>

      </section>

    </header>

    <article id="introduction">

      <section id="information" class="container">

     

      </section>

    </article>

    <footer>

      <p>&copy; Musicon</p>

    </footer>

    <script src="public/main.js"></script>

  </body>

</html>

this my store html:


<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Musicon</title>

    <link rel="stylesheet" href="public/style.css">

    <script src="handlebars.min.js"></script>

    <script id="templateHB" type="text/x-handlebars-template">

    {{#each instruments}}

        <article class="instrument">

          <img class="image" src="{{this.image}}" alt="{{this.name}}">

          <section class="details">

            <h2 class="name">{{this.name}}</h2>

            <p class="description">{{this.description}}</p>

            {{#if sale}}

            <p class="price"><del>{{this.price}}</del></p>

            <p class="sale">{{this.sale}}</p>

            {{/if}}

          </section>

        </article>

        {{/each}}

    </script>

  </head>

  <body>

    <header>

      <section class="container">

        <h1 class="branding">Musicon</h1>

        <nav>

          <ul >

            <li class="current">

              <a href="index.html">Home</a>

            </li>

            <li class="navbar">

              <a href="store.html">Store</a>

            </li>

            <li>

              <a href="contact.html">Contact</a>

            </li>

          

          </ul>

        </nav>

      </section>

    </header>

    <article id="showcase">

      <section id="information" class="container">

        

      </section>

    </article>

    <footer>

      <p>&copy; Musicon 2018</p>

    </footer>

    <script src="public/main.js"></script>

  </body>

</html>

and this is my JS file:

const context = {

  title: 'Welcome to Musicon',

  body: 'Musicon is a budding musical storefront with a mission to share the joy of music. These magnificent auditory tools are designed with musical creators, like you, in mind. Hobbyists, beginners, and experts alike can appreciate the resplendent sounds supplied by each and every instrument we carry. Join us in delivering the euphoric vibrations of melodia to the citizens of the world!',

  instruments: [

    {

      image: 'https://content.codecademy.com/courses/learn-handlebars/musicon/electronic-keyboard.png',

      name: 'Electronic Keyboard',

      description: 'A piano welcomed to the 21th century. Pianists celebrate the compact form factor and the diversity of synthesized rhythms all in one masterful musical machine.',

      price: '$1,999.00',

      sale: '$1,699.89'

    },

    {

      image: 'https://content.codecademy.com/courses/learn-handlebars/musicon/electric-guitar.png',

      name: 'Electric Guitar',

      description: 'Join the legends of the \'50s and \'60s when the marriage of guitar and electricity created the most influential instrument of a generation. Note: picks sold separately.',

      price: '$599.99'

    },

    {

      image: 'https://content.codecademy.com/courses/learn-handlebars/musicon/bass-guitar.png',

      name: 'Bass Guitar',

      description: 'Experience the embodiment of funkadelic frequencies that is the bass guitar. Let the deep low notes of the bass guitar resonate with heartbeats everywhere.',

      price: '$624.99'

    },

    {

      image: 'https://content.codecademy.com/courses/learn-handlebars/musicon/drum-kit.png',

      name: 'Drum Kit',

      description: 'Ever thought, "one instrument isn\'t enough?" Find an answer in the drum kit. Coordinate a collections of drums and cymbals to dictate the rhythm of musical masterpiece.',

      price: '$649.00',

      sale: '$349.00'

    }

  {

    image:'https://content.codecademy.com/courses/learn-handlebars/musicon/violin.png,

    name: 'Violin',

    description:'A versatile that is suited for any and all occasions. Those wearing tuxedos can strum together a classic. Others who prefer overalls can call it a fiddle and play some folk songs.',

    price:'$245.00'

  }

  ]

};

const templateElement = document.getElementById("templateHB");

const templateSource = templateElement.innerHTML;

const template = Handlebars.compile(templateSource);

const compiledHtml = template(context);

document.getElementById("information").innerHTML = compiledHtml;

Hello, @zakarisnagy678684831.

You attempted to retain your code’s formatting by using the blockquote button. You need to use the preformatted text button (</>). It will place your code between otherwise blank lines that have three back ticks on each like so:

```
code goes here
```

You can also just place the back ticks manually. Anyhow, the issue(s) you have are in your main.js file. You have a few syntax errors. If you open your browser’s console, you can view the errors. Try using the line numbers indicated in the error messages to debug your code. I have edited your post to format the code correctly.