[Zac Gordon]

Thanks Thorsten! I may modify this to just have one correct answer to make more clear..

[Zac Gordon]

Thanks Thorsten!

Technically when talking about nodes, the language of “value” is appropriate, but I see what you mean about the possible use of the word “markup” when referring to elements from the HTML perspective.

[Zac Gordon]

Thanks Thorsten!

Yes, as you point out, was just showing a process with more steps including things had covered, but will throw this up as an example as well 🙂

Once we get into building the project we will take an approach like the one you have suggested 🙂

Thanks!

[Zac Gordon]

Great catch Thorsten! Just added a note the the lesson page and updated the Code Example!

[Zac Gordon]

Hi Nicole!

It looks like you did not have the appropriate access to the course, you should be all set now!

Zac

[Zac Gordon]

Hi Casper!

This is strange. There is no functionality that would allow the Mark Complete button to be triggered once a video is complete. However, I know once a lesson is marked complete, it is not currently possible to mark it as uncomplete. Would that be functionality you want?

You should also have navigation options at the top of the page to move to next or previous lesson.

[Zac Gordon]

Great! Glad you got it!!!

[Zac Gordon]

Thanks so much Christina! We’ll fix these up and add a note once they’re done 🙂

[Zac Gordon]

That’s the one! Thanks Rheinard!!! Just updated the link 🙂

[Zac Gordon]

Yup. Like this:

var jon1, jon2, jon3;

jon1 = document.getElementsByClassName("content")[0];

jon2 = jon1.getElementsByTagName("article")[0];

jon3 = jon2.getElementsByTagName("a")[0];

console.log (jon3.innerHTML);

Notice that var is only used when declaring the variable, not when assigning it in this case.

You will see this method used a lot as you go forward 🙂

[Zac Gordon]

I think you may have just misspelled “content” 😉

You’ve got it though!

The one important thing to fix is that you want to define all variables up at the top at once rather than as you go.

var jon1, jon2, jon3;

Also, always try to use variable names that describe what they are storing. So this might be more appropriate:

var content, article, link;

Hope that helps and A+ for effort!!!

Cheers 🙂
Zac

[Zac Gordon]

Oh great 🙂 Just post back up if you have any questions!!!

[Zac Gordon]

Ahaha, glad it’s working now and you’ve got a cup of Joe.

Yeah, I choose JSBin over others in part because the guy who created Redux used it in his course, so hopefully we will not experience too many issues with it.

[Zac Gordon]

Hey Michael! I’m seeing a slow loading as well, but it is working for me now. Since all of the code is commented out it shouldn’t be anything in the actual code that is causing it to run. It does eventually load, but you’re right that it’s taking a while. Is hopefully something that will pass quickly.

[Zac Gordon]

+1 Thorsten, thanks!

Yes Jessica, you do need to click the Mark Complete button to fill in the dots tracking progress 🙂

[Zac Gordon]

Thanks Thorsten! Good point this is technically possible, although according to the WordPress coding standards it would not be a valid use for a Switch statement.

[Zac Gordon]

Hi Paul!

Please check out the list of JS Operators that I link to in the video notes: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators

Technically Symbols are a Data Type.

Hope that helps!

Zac

[Zac Gordon]

Hey Thorsten!

Thanks for the tip 🙂

We’ve added this to our list of styling issues to tackle.

Cheers,
Zac

[Zac Gordon]

Hey folks! A quick update here that we now have video playback speed built into the players now and I’m in the process of upgrading all the videos 🙂

Thanks for the patience!!!

[Zac Gordon]

Hey Jon!

The reason is that getElementsByTagName returns an array.

Anything that has “elements” with the plural “s” returns an array, even if there is only one object in that array.

So if you did this it would work:

var jon = document.getElementsByTagName( 'h1' )[0];

Does that explain it?

[Zac Gordon]

Hey @andrew just sent you an email with details!

[Zac Gordon]

Hey Michael!

Not sure exactly, but I have definitely noticed while working on this course that I had to refresh JSBin from time to time, so I wouldn’t stress as long as it started working once you refreshed the page and there was not an error message. I found the same thing. That said, I still preferred using JSBin to start off with. Once you get into the code editor in later videos it should cease to be an issue 🙂

PS – Thanks so much!!! Welcome!!! Whoohoo!!!

[Zac Gordon]

Hey Jonathan!

First: Great job and I’m proud of you for giving this a stab 🙂 As the teacher I appreciate the effort you put in!

So.. with that said, check out this solution: https://jsbin.com/cuqiba/8/edit?js,output

Third: To make sure you really get it, try figuring out this similar example on your own: https://jsbin.com/wayapuf/edit?html,js,output

Let me know how it goes! This should help begin to solidify the benefit of querySelector.

Cheers,
Zac

[Zac Gordon]

All fixed! Thanks Karen!!!

[Zac Gordon]

Yup 🙂 Just me here although I have some help from some Pros with Part IV: Real World Projects, but more on that later 😉

For the everything else though it’s just me taking you step by step through it all 🙂

[Author]

Posts