diff --git a/README.md b/README.md index 43ebca1..94196a7 100644 --- a/README.md +++ b/README.md @@ -1,52 +1,52 @@ -# Introduction To JavaScript - -The module is the afternoon assignment or task that students work through independently. This expands on the live lecture completed earlier with the instructor. - -## JavaScript Foundations - -## Objectives - -- use let, const, var and demonstrate their differences. -- understand and be able to use arrays. -- write a basic for loop / while loop. -- write control flow using if/else statements. -- use function declarations, expressions, and arrow -functions and describe their differences - -## Introduction - -Today you'll worth through 5 JavaScript Tasks to practice today's objectives and get familiar and comfortable with the foundations of JavaScript. - -Assignments are outlined in the `index.js` file, please read the instructions carefully for each task and complete it. Note that you may have to use your googling skills to research and look things up if you do not have all the information you need to complete the task. - - -## Instructions - -### Task 1: Set up Project - -Using VSCode and Command Line: - - -1. Fork the repo -2. Add your GL as a collaborator. -3. Clone your forked version of the repo -4. cd into your repo and create a branch with your first and last name -4. Read this "README" file and the `index.js` file carefully to do the assignment -5. Complete your work making regular commits, when you finish the assignment, commit and create a pull request - -### Task 2: MVP - -Find the `index.js` file and complete the tasks as they're written in there. - -As you work on your code you should make use of `console.log` to check your progress and debug. - -### Task 3: Stretch Goals - -After you have completed the requirements, try any of the following challenges. As always, note that these may require additional research beyond what you learned in this module. - -- [ ] See tasks labelled stretch. Please ensure you've completed MVP before you attempt the stretch goals. - - -## Resources - -🧮 [Polya's 4 Step Approach to Problem Solving](http://web.mnstate.edu/peil/M110/Worksheet/PolyaProblemSolve.pdf) +# Introduction To JavaScript +//waan kashaqeeyay fadlan fiiri index.js +The module is the afternoon assignment or task that students work through independently. This expands on the live lecture completed earlier with the instructor. + +## JavaScript Foundations + +## Objectives + +- use let, const, var and demonstrate their differences. +- understand and be able to use arrays. +- write a basic for loop / while loop. +- write control flow using if/else statements. +- use function declarations, expressions, and arrow +functions and describe their differences + +## Introduction + +Today you'll worth through 5 JavaScript Tasks to practice today's objectives and get familiar and comfortable with the foundations of JavaScript. + +Assignments are outlined in the `index.js` file, please read the instructions carefully for each task and complete it. Note that you may have to use your googling skills to research and look things up if you do not have all the information you need to complete the task. + + +## Instructions + +### Task 1: Set up Project + +Using VSCode and Command Line: + + +1. Fork the repo +2. Add your GL as a collaborator. +3. Clone your forked version of the repo +4. cd into your repo and create a branch with your first and last name +4. Read this "README" file and the `index.js` file carefully to do the assignment +5. Complete your work making regular commits, when you finish the assignment, commit and create a pull request + +### Task 2: MVP + +Find the `index.js` file and complete the tasks as they're written in there. + +As you work on your code you should make use of `console.log` to check your progress and debug. + +### Task 3: Stretch Goals + +After you have completed the requirements, try any of the following challenges. As always, note that these may require additional research beyond what you learned in this module. + +- [ ] See tasks labelled stretch. Please ensure you've completed MVP before you attempt the stretch goals. + + +## Resources + +🧮 [Polya's 4 Step Approach to Problem Solving](http://web.mnstate.edu/peil/M110/Worksheet/PolyaProblemSolve.pdf) diff --git a/index.html b/index.html index e1ad123..a05332c 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,11 @@ - - - - - - Javascript - - - - + + + + + + Javascript + + + + \ No newline at end of file diff --git a/index.js b/index.js index 965d72a..ee6db23 100644 --- a/index.js +++ b/index.js @@ -1,121 +1,151 @@ -/*🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️ Task 1: Warm-up!🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️*/ - -/* -Task 1 - Voting Age - -Do the following: - 1. Make a variable called votingAge and give it a value - 2. Return true if age is 18 or higher - -*/ - - - -/* -Task 2 - Values - -Do the following: - 1. Declare two variables and assign them values - 2. Use a conditional to change the value of the 1st variable based on the value assigned to the 2nd variable - 3. Return the new value of the 1st variable - -*/ - - - -/* -Task 3 - Convert Strings to Numbers - -Do the following: - 1. Declare a string type variable with the value of "1999" - 2. Convert the string value of "1999" to a integer value of 1999 - 3. Return the result - - HINT: look up the Number method -*/ - - -/* -Task 4 - Mood Checker - -Do the following: - 1. Write a script that prompts the user for their current mood. - 2. If the user inputs happy, print 'Yay me too!' to the console, sad print 'Aw cheer up', - 3. Else just print 'So moody!' - -*/ - - -/* - - -Task 5 - Odd or Even - -Use conditionals to check if a hardcoded number is odd or even, and then console.log the number is odd or even with the numbers value. - -*/ - -var num; // write a number here - -// write your conditions here - - -/*🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀 FIZZBUZZ 🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀*/ - -/* - -You're about to do an assignment called "Fizz Buzz", which is one of the classic programming challenges. -It is a favorite for interviewers, and a shocking number of job-applicants can't get it right. -But you won't be one of those people. Here are the rules for the assignment: - -Write a program that prints the numbers from 1 to 100. - -But for multiples of three print "Fizz" instead of the number and for the multiples of five print "Buzz". - -For numbers which are multiples of both three and five print "FizzBuzz". - -The one hint you'll likely need is: - -There is a Javascript operator called "remainder" but often referred to as "modulus" or "modulo". -It is represented by the percentage sign (%) and it gives you the remainder left over after division. So for example: - - 6 % 3 - -Equals zero. Because after dividing 6 by 3, there is zero leftover. Whereas: - -6 % 4 - -Equals 2. Because after dividing 6 by 4, there are 2 left over from the six. - -If that was confusing, don't worry. It will make more sense as you use it. -The point is: the remainder operator is useful for finding out if X is a multiple of Y. If it is, then X % Y will yield zero. -Knowing this should help you complete this assignment without any issue. - - -Extra Credit: - -Instead of only printing "fizz", "buzz", and "fizzbuzz", add a fourth print statement: "prime". -You should print this whenever you encounter a number that is prime (divisible only by itself and one). -As you implement this, don't worry about the efficiency of the algorithm you use to check for primes. -It's okay for it to be slow. - - -*/ - - -/*💪💪💪💪💪💪💪💪💪💪 Stretch 💪💪💪💪💪💪💪💪💪💪*/ - -//Vowel Counter - How many vowels are there? -/* -Using the vowelCounter function below do the following: - 1. Receive a string as a parameter - 2. Count and return the number of vowels within that string. It should handle both capitalized and uncapitalized vowels. - - HINT - you may need to study next week's content on arrays - HINT - try looking up the .includes() method -*/ - - -function vowelCounter(/*add your code here*/) { - /*add your code here*/ -} +//Shaqadii Day 4 Intro to JS + +/*🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️ Task 1: Warm-up!🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️🏋️‍♂️*/ + +/* +Task 1 - Voting Age + +Do the following: + 1. Make a variable called votingAge and give it a value + 2. Return true if age is 18 or higher +*/ + let votingAge = 20 +if (votingAge >= 18){ + console.log("true") + } else { +console.log("false") + } + +/* +Task 2 - Values + +Do the following: + 1. Declare two variables and assign them values + 2. Use a conditional to change the value of the 1st variable based on the value assigned to the 2nd variable + 3. Return the new value of the 1st variable +*/ + const numb1 = 20 + const numb2 = 25 + const result = numb1 + numb2 + console.log(result) + +//or we can say + const variable1 = "Hi my name is" + const variable2 = "Abdi" + const twoVariables = variable1 + variable2 + console.log(twoVariables) + + +/* +Task 3 - Convert Strings to Numbers + +Do the following: + 1. Declare a string type variable with the value of "1999" + 2. Convert the string value of "1999" to a integer value of 1999 + 3. Return the result + + HINT: look up the Number method +*/ + + const name1 = "1999" + console.log(name1) + console.log(typeof(name1)) + + const name2 = 1999 + console.log(name2) + console.log(typeof(name2)) + + +/* +Task 4 - Mood Checker + +Do the following: + 1. Write a script that prompts the user for their current mood. + 2. If the user inputs happy, print 'Yay me too!' to the console, sad print 'Aw cheer up', + 3. Else just print 'So moody!' +*/ + if (user = happy) { + console.log("Yay me too!"); + } else if (user = unhappy) { + console.log("Aw cheer up!"); + } else { + console.log("So moody!"); + } + + +/* +Task 5 - Odd or Even +Use conditionals to check if a hardcoded number is odd or even, and then console.log the number is odd or even with the numbers value. +*/ +//var num; // write a number here +const number = prompt("19765"); +// write your conditions here +//check if the number is even +if(19765 % 2 == 0) { + console.log("The number is even."); +} +// if the number is odd +else { + console.log("The number is odd."); +} + +/*🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀 FIZZBUZZ 🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀*/ + +/* + +You're about to do an assignment called "Fizz Buzz", which is one of the classic programming challenges. +It is a favorite for interviewers, and a shocking number of job-applicants can't get it right. +But you won't be one of those people. Here are the rules for the assignment: + +Write a program that prints the numbers from 1 to 100. + +But for multiples of three print "Fizz" instead of the number and for the multiples of five print "Buzz". + +For numbers which are multiples of both three and five print "FizzBuzz". + +The one hint you'll likely need is: + +There is a Javascript operator called "remainder" but often referred to as "modulus" or "modulo". +It is represented by the percentage sign (%) and it gives you the remainder left over after division. So for example: + + 6 % 3 + +Equals zero. Because after dividing 6 by 3, there is zero leftover. Whereas: + +6 % 4 + +Equals 2. Because after dividing 6 by 4, there are 2 left over from the six. + +If that was confusing, don't worry. It will make more sense as you use it. +The point is: the remainder operator is useful for finding out if X is a multiple of Y. If it is, then X % Y will yield zero. +Knowing this should help you complete this assignment without any issue. + + +Extra Credit: + +Instead of only printing "fizz", "buzz", and "fizzbuzz", add a fourth print statement: "prime". +You should print this whenever you encounter a number that is prime (divisible only by itself and one). +As you implement this, don't worry about the efficiency of the algorithm you use to check for primes. +It's okay for it to be slow. + + +*/ +// Kan waa fahmi waayey Ustaad + + +/*💪💪💪💪💪💪💪💪💪💪 Stretch 💪💪💪💪💪💪💪💪💪💪*/ + +//Vowel Counter - How many vowels are there? +/* +Using the vowelCounter function below do the following: + 1. Receive a string as a parameter + 2. Count and return the number of vowels within that string. It should handle both capitalized and uncapitalized vowels. + + HINT - you may need to study next week's content on arrays + HINT - try looking up the .includes() method +*/ + + +function vowelCounter(/*add your code here*/) { + /*add your code here*/ +}