Where is the output? 🫤

This is the original instruction:

I pretended to run it , and I got the following error:

I went ahead and follow the original instruction and input the values for a, b, and c, but there is no output as the previous screenshot said there would be. There’s no output that shows me a=6 b=15, etc... It’s all the same. Suffice to say that I am coding, but I am not seeing anything. If there’s no visual output, how would I see what I am doing. I was expecting to see a result at the end. Not just “Ok, you pass the challenge.” I am rather disappointed thank you :pensive: :disappointed:

Why am I not seeing an output in JavaScript like in HTML? Or why there isn’t a “preview” screen like in html?

Please explain.

Thank you

// Only change code below this line
var a=5;
var b=10;
var c ="I am a";
// Only change code above this line

a = a + 1+6;
b = b + 5;
c = c + " String!";

Your browser information:

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

Challenge: Basic JavaScript - Understanding Uninitialized Variables

Link to the challenge:

You can add a console.log to see your output if you want:

// Only change code below this line
var a = 5;
var b = 10;
var c = "I am a";
// Only change code above this line

a = a + 1;
b = b + 5;
c = c + " String!";


It doesn’t affect the test cases to output to the console.

What??? There’s nothing here! You didn’t say anything. lol

He created a link to the challenge since you had only posted screenshots and didn’t reference the challenge itself.

It looks like @JeremyLT gave you a link to the challenge that talks about console.log which is what @marcusparsons’ explanation is about.

If you want to see the output of your variables, you can use console.log.
Different programming languages will use different syntax to print to the console.
For example, in Python, it would be print()

One key difference between HTML and CSS versus JavaScript is that HTML and CSS are markup languages that focus on styling and content. When you make a change in HTML or CSS you will see those changes right away

For JavaScript, the changes you are making are interactive so in order to see the change, you would need to either test it out on the web page or print out the results of those variables in the console.

Hope that helps!

Thank you for your response.

But a console is not the same as the “preview screen.” In JS, I think that I have a screen on the right that is where I am supposed to type the code. Is that the “console” that you’re talking about? Otherwise, I don’t have the option to have a “preview screen” or “console” as you said. There’s no button for that.

@jwilkins.oboe has explained it very succinctly, and I think that the only proper reply is to ask you to read hers. :slight_smile:

As a sidenote, I think the new JS curriculum will help you “see” the JavaScript changes because the new curriculum is focused on learning by building projects.

When you make changes to your javascript code, you will be building a project at the same time and test out the functionality while you are building the project.

In the beginning, it can be hard to put the pieces to together and fully understand how javascript is supposed to work on a web page.
But once you start building projects and see your changes affect the interactivity on the web page, then it will start to make more sense.

JavaScript is a different type of programming language than a HTML and CSS. You use console.log to view variables. The output shows up in the lower right, as the lesson I linked talks about.

Hi jwilkins.oboe

Thank you for your clear explanation. By the way, where can I find the new JS that you mentioned?

see your changes affect the interactivity on the web page, then it will…make more sense.

My sentiment exactly!!!

Thank you

The team is currently building out the new curriculum. Currently there is no set date for the beta release but the team has been working really hard to build it out.

In the mean time, one of the things that helped me when I was first learning back in 2020 was building small projects.
These projects were super small, like 10 lines of javascript code small and a little bit of HTML and CSS.
But it really helped me understand how all of the pieces fit together.
Then I kept building projects with increased complexity.

I would advise you to finish the first section of the JS curriculum because that includes all of the basic building blocks. Then continue with the other sections of the JS curriculum and start building small little projects.

Here are some small project ideas to get you started

JavaScript 30 is really popular. I would suggest doing that after you have finished the other sections of the JS curriculum

Frontend mentor is really popular too.

I would suggest starting with their newbie level to practice HTML, CSS and JS projects

Hope that helps!

Thank you very much for all this information. I really appreciate it. I am on lesson 7 of the JS challenges. Soon I will begin your small project suggestions because I am dying to see how all of them work together.

Thank you.

Ciao :clap:

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