While Loop – JavaScript Series – Part 13

Suppose we are going to print 1 to 10 on the console. But how we can do it ? We can do it easily

console.log(1)
console.log(2)
...
console.log(9)
console.log(10)

But this is not a good way to do it. Currently we can do it because it’s only ten times. But suppose we need to print 1 – 100. How to do it ?

This is where we use loops. We’re going to use while loop today!

While is easy. Just remember what we learned in our last tutorial. While loop syntax is –

while (condition) {
  // code block to be executed
}

Let’s write some real codes now. If we wants to print 1 – 100 then we are going to store the values in variable and we are going to start from 1. So var number = 1

Now we are going to start our while. While and the condition will be.

while (number < 101) {
  //code block that we wants to do
}

Now we are going to print the values from the first one. We need to increase the value of number to break the condition, if the condition doesn’t break then it will stuck forever. So we always break the loop condition

See the result in browser

Do you understand the while loop ?

View this post on Instagram

I've started this tutorial for the people who wanted to start javaScript. But there are so many long long tutorials for them. Also it need time to finish. So I tried to make this small and just one part in one day. Easy to take and within some days, you'll atleast able to understand the js and work with it. I'm not hoping that you'll learn advance topics, but atleast you'll learn the basics and it will help you in long run. Yesterday we learned about the loops and today we are going to make our hands dirty by coding. We are going to try the while loop today. Trust me, this is going to change your life, loop is a life saver for many reason. In future you'll understand this. Now just keep going with the flow and learned about today's lesson! Let me know if you have any questions… Also Check the git codes, if you need to check any — https://github.com/nerdjfpb/javaScript-Series . . . #code #Programming #developer #coding #wordpress #programmer #webdeveloper #javascript #softwaredeveloper #devlife #worldcode #csharp #learntocode #reactjs #developerlife #frontenddeveloper #angularjs #100daysofcode #peoplewhocode #fullstackdeveloper #vuejs #backenddeveloper #dotnet #linux #engineering #mobiledevelopment #buildupdevs #nerdjfpb

A post shared by Nerdjfpb : Full Stack JS Dev (@nerd_jfpb) on Feb 2, 2020 at 9:05am PST

See the codes – https://github.com/nerdjfpb/javaScript-Series

Find me on social media – twitter, linkedin