#vanillajs

So, you might know this amazing tutorial right here by @fukuo about making a featured posts section with the Tumblr API and jQuery.

Given that we're all kind of try to move away from jQuery, I thought, would it be possible using vanilla JS only? I tried converting it by myself first but — after reading a StackOverflow thread on how to convert jQuery's "getScript()" to vanilla JS — I realized that I lack the knowledge to do that (and not need ages for the conversion). Instead, I decided to use different online converters and check if the JS looks valid and doesn't contain traces of jQuery still; I ended up using this converter here. The result can be seen here (just the script).

However, when I use this script, there is no result at all and the featured posts are not being displayed. The code analysis on CodePen tells me that "Uncaught TypeError: document.querySelector.getScript is not a function", which brings me back to the aforementioned StackOverflow thread that made me feel like the huh? cat.

I did try @eggdesign's featured tags code as an alternative but either I'm incapable of running even that one or it is simply not compatible with @mournstera's base code, which I'm using.

If anyone has ideas on how to fix the converted code to make it work, I'm glad to hear your suggestions, it can only get better and I thank you in advance for offering your time and skill to help.

Day - 51 100dayofcode Basic JavaScript: Iterate with JavaScript For Loops

You can run the same code multiple times by using a loop.

The most common type of JavaScript loop is called a "for loop" because it runs "for" a specific number of times.

For loops are declared with three optional expressions separated by semicolons:

for ([initialization]; [condition]; [final-expression])

The initializationstatement is executed one time only before the loop starts. It is typically used to define and setup your loop variable.

The conditionstatement is evaluated at the beginning of every loop iteration and will continue as long as it evaluates to true. When conditionis falseat the start of the iteration, the loop will stop executing. This means if conditionstarts as false, your loop will never execute.

The final-expressionis executed at the end of each loop iteration, prior to the next conditioncheck and is usually used to increment or decrement your loop counter.

In the following example we initialize with i = 0and iterate while our condition i < 5is true. We'll increment iby 1in each loop iteration with i++as our final-expression.

var ourArray = []; for (var i = 0; i < 5; i++) {  ourArray.push(i); }

ourArraywill now contain [0,1,2,3,4].

Use a forloop to work to push the values 1 through 5 onto myArray.

Run the TestsReset All Code

Get a hint

Made a realtime pocketwatch in Inkscape today and animated it using pure vanilla JavaScript. I wish I would have spent some more time making sure the Roman numerals were in the correct places so that the watch would be more accurate, but it’s okay. I’m happy with how it turned out, overall. :)

If you wanna watch it tick, you can check it out here!