JavaScript course query, help please

Javascript Programming
#1

Query, I’m doing the JavaScript programming course, I’ve came to the part very early on where you TEST your html from atom , I’ve followed the instructions until it says “open with” I don’t have Firefox and the browser I’m using doesn’t function correctly with the HTML code
So basically I can’t see the outcome of what my code looks like the way @ivan demonstrated

Any ideas? On a solution?
I’m going to continue on and I’ll check back for a reply
Thanks guys,
Happy learning!!

2 Likes
#2

Have you downloaded Chrome? If you have screenshots for us to see what happens we would have a better idea as the problem

1 Like
#3

Hi @stuart1066, hope you are great.

I could suggest you to have multiple browsers, because some times one of them could show issues that others dont.

If you have any more questions, please let us know so we can help you! :slight_smile:

Carlos Z.

#4

Thanks guys
No problem sorted it ( that problem - onto next)
I did , I choose chrome for a alternative
The next issue is my code Is showing on the webpage , I must of inputted it incorrectly I’m going to follow the instructions again to check I didn’t miss anything out but I’m sure I followed correctly

#5

image
image3024×4032 3.35 MB

image
image3024×4032 3.78 MB

@crypto85

#6

I managed to solve the situation so Thankyou for that anyway
Enjoy your day
HAPPY LEARNING
Stuart

1 Like
#7

image
image3024×4032 3.2 MB

2 Likes
#8

Hi @stuart1066, hope you are great.

Now the problem you are facing is probably because you are saving the format of the file as “HTML”, which should be only “.html” (lowercase).

But apparently you sort it out, congrats! :partying_face:.

Carlos Z

1 Like
#9

Hey there, I am doing the, Dynamic List - User Adds Elements lesson and my code doesn’t seem to be working. When i add the — list.html(""); — line the text box and button disappear on the webpage. I can’t seem to figure out why. Any Ideas??

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <meta charset="utf-8">
    <title>DEMO</title>
  </head>
  <body>
  <h1>Our Favourite Fruits</h1>

  <ol id = "listFruits">
  <ol/>
   <input id = "textbox" type = "text"/>
   <button id = "buttonAdd">Input Your Favourite Fruits</button>

    <script>
        var fruits = ["Apples", "Oranges", "Pineapple"];

          function redrawList(){
            var list = $("#listFruits");
              list.html("");
                $.each(fruits,function(index, value){
                  $("<li/>").text(value).appendTo(list);
              });
            }
            
        redrawList();

      $("#buttonAdd").click(function(){
        var inputt = $("#textbox").val()
          fruits.push(inputt);
            
            redrawList();
        });

    </script>
  </body>
</html>
1 Like
#10

The end tag is incorrect so HTML is in the assumption that every thing below the <ol> is a list item (including the input boxes)

The correct way is this –

<ol id = "listFruits">
    </ol>

This will fix your issue.

1 Like
#11

Ahhh yes, thank you Malik! Complete oversight there from me.

#12

Hiya All,

I am on lesson looking at the click button for JQuery, I have done the below code, but for some reason the alert does not pop up, does anyone have any ideas

image

I have inspected the element, and it looks like the issue is with the $ identifier line
image

#13

Hi @Andre_Mark,

The selector should either mention if it is a class, id, or a tag. Here the identifier “ourButton” is an id. so you need to write the selector as - $("#ourButton").click()

Hope this helps. :smile:

1 Like