This page is a work in progress.You can help improve it. →

Variables, Variables, and Variables

Let's get started

Today, we are starting our journey into TypeScript. For this assignment, you will be making a program that demonstrates some TypeScript fundamentals.

Objectives

  • Ensure your development environment is setup
  • Practice creating variables
  • Practice working with user input

Setup

degit $GITHUB_USER/html-css-ts-project-template VariablesJS

Explorer Mode

  • Create a new app that does the following.

    • Practice Creating Variables

      • Create a variable that stores the numberOfCupsOfCoffee that you drink every day.
      • Create a variable called fullName and set it equal to your full name.
      • Use console.log and your variables, numberOfCupsOfCoffee and fullName to output all three on one line.
      • Create an variable that stores an object. Make the properties of the object fullName, luckyNumber , and favoriteMovies. Where fullname is your full name, luckyNumber is a number value of your favorite number, and favoriteMovies is an array of strings of a few of your top movies. NOTE: Try doing this using object literal: const aboutMe = { } and put the properties inside.
    • Practice Getting Input From the User

      • Using window.prompt, Ask the user for their name and store it in a variable named userName.
      • Use console.log to show a greeting to the user, using their name.
    • Converting String Input Into Numbers

      • Input two numbers from the user. Convert each resulting string from window.prompt to a number using Number. Save the first value in a variable named firstOperand and the second value in a variable named secondOperand.
    • Doing Math

      • Add the operand variables from above and save the results in a variable named sum.
      • Subtract the secondOperand variable from the firstOperand variable and save the results in a variable named difference.
      • Multiply the operand variables and save the results in a variable named product.
      • Divide the firstOperand by the secondOperand and save the results in a variable named quotient.
      • Find the remainder when one operand is divided by the other and save the results in a variable named remainder.
      • Use console.log to present the user, in a meaningful way, each of the values for the sum, difference, quotient, product, and remainder variables. (e.g. perhaps one of your outputs is similar to If you add 4 and 5 you get 9 if 4 and 5 were the input)
    • Using Arrays

      • Use this page to generate an array of random numbers. NOTE: That format isn't ready for TypeScript. In your editor, you will need to format the collection of numbers as a TypeScript array.

      • Place these numbers into a properly formatted array named numbers.

      • Determine the following using one (or more) TypeScript for loops:

        • Find the smallest number in the array and place the answer in a variable named smallest
        • Find the largest number in the array and place the answer in a variable named largest
        • Find the sum of all the numbers in the array and place the answer in a variable named arraySum
        • Find the average of all the numbers in the array and place the answer in a variable named average
      • Create an object called stats with the following properties

        • In a property named smallest, put the value of the variable smallest
        • In a property named largest, put the value of the variable largest
        • In a property named sum, put the value of the variable arraySum
        • In a property named average, put the value of the variable average

Adventure Mode

  • Revisit your arrays. This time create new variables that represent:
    • sumOfOdd that contains the sum of all the odd numbers
    • countOfEven that contains the total count of all the even numbers
© 2017 - 2021; Built with ♥ in St. Petersburg, Florida.