Cannot get Practice 03_12 to work.

[mmarras]

Issue Overview

Scope issue with classes.

Describe your environment

Windows 10 19041, Chrome 88 or Edge, atom 1.55.0, atom-live-server

Steps to Reproduce

Working directly in the file structure provided, I add the following to the empty script.js.

import Backpack from "./Backpack.js";

const mybackpack = new Backpack(
  'test',
  10,
  'red',
  10,
  26,
  26,
  false);

console.log('Values of mybackpack', mybackpack)

In the browser console it prints the mybackpack as I expect. But if I then try to access mybackpack.name or anything of mybackpack it returns the following error:

Uncaught ReferenceError: mybackpack is not defined
at <anonymous>:1:1

Expected Behavior

Being able to access mybackpack from the console as in previous chapters.

Current Behavior

mybackpack is not part of the scope.

Possible Solution

Copying the class definition of Backpack into script.js and and removing pointers to Backpack.js (in index.html as well as in script.js) helps.

To be honest, I think the presence of Backpack.js is just confusing for this exercise and not needed to work through the given tasks.

Screenshots / Video

Related Issues

[AndrewIzatt]

I am having the same error when using this exercise file ("03_12")

[Morticia007]

Try Using this : http://127.0.0.1:5500/Practice/03_12/index.html Jacquelyn Hagman ***@***.***

…

On Nov 8, 2021, at 10:56 PM, AndrewIzatt ***@***.***> wrote: I am having the same error when using this exercise file ("03_12") — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARI734F76YSCDVSCXLTDP43ULCSZVANCNFSM4ZCMN2VA>.

[AndrewIzatt]

Thanks for such a quick response! But I keep getting this error:

[Morticia007]

Do you get an error when loading the regular files?

[Morticia007]

Also do you have your server started?? Jacquelyn Rene’ Hagman Scrum Master /Budding Web Developer

…

On Nov 9, 2021, at 9:26 PM, Jacquelyn Elder ***@***.***> wrote: Do you get an error when loading the regular files?

[AndrewIzatt]

So if by server you mean nodejs yeah I do. I'm super new to this stuff but this is what my VSCode shows along the bottom in the far right corner:

I'm wondering if there is perhaps something else wrong and not just the files though because when I was trying to complete the challenge at the end of this chapter (ch. 3) I tried just recreating exactly in new files what Morten had made in order to create different instances of my own self-created classes and I'm still getting this error when I try and call that instance and an attribute in the console window so now I don't think it's just the files that are the problem. There's gotta be something else. Here's the same error:

[AndrewIzatt]

Sorry that was a long sentence! lol

[Morticia007]

Are you clicking the port button 5500 to deploy the server?? If it’s deployed already it will tell you it is stopping. Then hit it again to redeploy. As far as the error code I would need to see your actual code. You can send a screen shot of it. Make sure you send screen shots of the code in all files that have to do with the code. Jacquelyn Rene’ Hagman Scrum Master /Budding Web Developer

…

On Nov 10, 2021, at 8:53 AM, AndrewIzatt ***@***.***> wrote:  Sorry that was a long sentence! lol — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[AndrewIzatt]

Wow thank you so much for your help. I really didn't expect this much attention. But I am very grateful!
I had had my VSCode port in the corner running for a while so I reset it and then started it again. As you can see I am getting the same error:

Here is my HTML:

Here is my JavaScript (main):

Here is my Instrument class in a separate JavaScript file:

And finally here is my Drink class:

Thank you again. You've been more than helpful for helping me with this.

[Morticia007]

So I get that error too. It’s a scope issue. Once the code is deployed and the file is run through we are taken out of scope (basically what we are able to see). The only way to call it from the console like that would be to use a window object and write it into the code in the script file. But you don’t really want to do that cuz it pollutes the global scope. I’ll send you the documentation on it once I get to my computer. Jacquelyn Rene’ Hagman Scrum Master /Budding Web Developer

…

On Nov 10, 2021, at 7:25 PM, AndrewIzatt ***@***.***> wrote:  Wow thank you so much for your help. I really didn't expect this much attention. But I am very grateful! Here is my HTML: Here is my JavaScript (main): Here is my Instrument class in a separate JavaScript file: And finally here is my Drink class: — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[Morticia007]

https://stackoverflow.com/questions/49338193/how-to-use-code-from-script-with-type-module Jacquelyn Hagman ***@***.***

…

On Nov 10, 2021, at 7:25 PM, AndrewIzatt ***@***.***> wrote: Wow thank you so much for your help. I really didn't expect this much attention. But I am very grateful! Here is my HTML: <https://user-images.githubusercontent.com/8218147/141220110-f559dfa9-d628-478b-a3f3-59f3947c9acf.png> Here is my JavaScript (main): <https://user-images.githubusercontent.com/8218147/141220142-8d336f94-029a-4d55-b521-c0f34e883a6f.png> Here is my Instrument class in a separate JavaScript file: <https://user-images.githubusercontent.com/8218147/141220183-d345e001-2a10-4c9d-a937-e9064532e2fb.png> And finally here is my Drink class: <https://user-images.githubusercontent.com/8218147/141220218-850ef939-6d3f-4070-b8cb-5831b589d68f.png> — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ARI734GUNW4SLWSLCUQ6KNTULMLQBANCNFSM4ZCMN2VA>.

[Morticia007]

I tested in the instructors code also and that’s where (you see in my last reply) the window object written in. So it’s nothing you are doing wrong. You just can’t access the information you are wanting to access once outside the file. Jacquelyn Rene’ Hagman Scrum Master /Budding Web Developer

…

On Nov 11, 2021, at 7:38 AM, Jacquelyn Elder ***@***.***> wrote: So I get that error too. It’s a scope issue. Once the code is deployed and the file is run through we are taken out of scope (basically what we are able to see). The only way to call it from the console like that would be to use a window object and write it into the code in the script file. But you don’t really want to do that cuz it pollutes the global scope. I’ll send you the documentation on it once I get to my computer. Jacquelyn Rene’ Hagman Scrum Master /Budding Web Developer >> On Nov 10, 2021, at 7:25 PM, AndrewIzatt ***@***.***> wrote: >> >  > Wow thank you so much for your help. I really didn't expect this much attention. But I am very grateful! Here is my HTML: > > Here is my JavaScript (main): > > Here is my Instrument class in a separate JavaScript file: > > And finally here is my Drink class: > > > — > You are receiving this because you commented. > Reply to this email directly, view it on GitHub, or unsubscribe.

[AndrewIzatt]

Wow thank you so much. I'm super new to JavaScript (I just started this week!) so I don't really understand what you're saying but I'm glad to know at least my syntax isn't wrong. I'd have wished that LinkedIn Learning's files would be airtight but I guess you can't even count on that. This really derailed me for a while trying to figure out what the issue was before I posted my question so thank you so much for your help!

[Morticia007]

Absolutely. No problem at all! Some errors aren’t really ones that are in our control (like scope). Start by looking the error up in google and usually you will come across documents like the stack overflow one I sent you. You can also take all the classes and copy paste them into your script file to test that way. Just make sure they are in the proper tag <script> so the data is available. Then just comment out your imports and exports in your js files. Just don’t mess with the script link you are using in the html file. That’s a way to test to see if the file is corrupted. Also, using the debugger is helpful to be able to see what is happening on each line of code. If you have any more questions don’t hesitate to ask. This helps me learn too. My email is ***@***.*** we can also connect on linked in if you want. https://www.linkedin.com/in/jacquelyn-hagman-52605458 Jacquelyn Rene’ Hagman Scrum Master /Budding Web Developer

…

On Nov 11, 2021, at 7:38 PM, AndrewIzatt ***@***.***> wrote:  Wow thank you so much. I'm super new to JavaScript (I just started this week!) so I don't really understand what you're saying but I'm glad to know at least my syntax isn't wrong. I'd have wished that LinkedIn Learning's files would be airtight but I guess you can't even count on that. This really derailed me for a while trying to figure out what the issue was before I posted my question so thank you so much for your help! — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.