JavaScript Building Blocks: Mini Apps / Java Script

Yoon·2021년 8월 19일

Java Script JavaScript Beginner Bootcamp

> Mini Project: Kelvin to Fahrenheit

Let's imagine that the weather reports says that the temperature today will be 301 Kelvin. How should you dress for the day? Let's create an app that lets us know the temperature in fahrenheit. To start, create a variable named kelvinTemp, and set it equal to 301. Write a comment above that explains this line of code.
Finding the temperature in Celsius is similar to Kelvin — the only difference is that Celsius is 273.15 degrees less than Kelvin.

Let's convert Kelvin to Celsius by subtracting 273.15 from the kelvinTemp variable. Store the result in another variable, named celsiusTemp.

Write a comment above that explains this line of code.

Use this equation to calculate Fahrenheit, then store the answer in a variable named fahrenheitTemp.

Fahrenheit = Celsius * (9/5) + 32

In the next step we will round the number saved to fahrenheitTemp. Write a comment above that explains this line of code.

Log to the console the value of fahrenheitTemp. In our next step we are going to see what we can do to make sure that our number is a whole number by rounding down. The value you logged to the console should begin with 82.13
As we have just seen, when you convert from Celsius to Fahrenheit, you often get a decimal number. Go ahead and delete the console log code from step 4.

Use the .floor() method from the Math library to round down the Fahrenheit temperature. Save the result to the fahrenheitTemp variable. Check out the documentation for Math.floor() here: http://bit.ly/javascript-math-floor. Because this is a new concept we haven't covered yet, you may want to watch the next video if you get stuck at this point. This will round your decimal down no matter what the value. Other methods from the Math library you might try out are .round() and ceil(). Write a comment above that explains this line of code.

Use console.log and string concatenation to log the temperature in fahrenheitTemp to the console to create the message as follows: The temperature is TEMPERATURE degrees Fahrenheit. TEMPERATURE should be determined by the value of fahrenheitTemp.

        //Temperature in kelvin stored in variable `kelvin`
        var kevinTemp = 301;

        //Temperature in celsius stored in variable `celsius` 섭씨
        var celsiusTemp = kevinTemp - 273.15;

        //convert celsius to fahrenheit stored in variable `fahrenheit` 화씨
        var fahrenheitTemp = celsiusTemp * (9 / 5) + 32;

        //round the value of fahrenheit down and assign to `fahrenheit` 
        fahrenheitTemp = Math.floor(fahrenheitTemp);

        console.log(" The temperature is " + fahrenheitTemp + " degrees Fahrenheit ");

        //Math.cell : 올림 / floor : 내림 / round : 반올림

> Mini Project: Cat Years
1. Begin by creating a variable named myAge, and set it equal to your age as a number. Write a comment that explains this line of code.

Next, create a variable named earlyYears and save the value 2 to it. Note, the value saved to this variable will change. Write a comment that explains this line of code.
Use the multiplication assignment operator *= to multiply the value saved to earlyYears by 25 and reassign it to earlyYears. This will account for the first two years of a cats life where they experience accelerated growth. Write a comment that explains this line of code.
Since we already accounted for the first two years, take the myAge variable, and subtract 2 from it. Set the result equal to a variable called laterYears. We'll be changing this value later. Write a comment that explains this line of code.
Multiply the laterYears variable by 4 to calculate the number of cat years accounted for by your later years. Use the multiplication assignment operator *= to multiply and assign in one step. Write a comment that explains this line of code.
If you'd like to check your work at this point, log to the console earlyYears and laterYears. Are the values what you expected?
Go ahead and delete the console logs from step 6. Add earlyYears and laterYears together, and store that in a variable named myAgeInCatYears.

Write a comment that explains this line of code.

Save the value of your name to the variable myName. Write your name as a string and store the result in a variable called myName. Write a comment that explains this line of code.
Write a console.log statement that displays your name and age in cat years. Use string concatenation to display the value in the following sentence:

My name is NAME. I am HUMAN AGE years old in human years which is CAT AGE years old in cat years.
Replace "NAME" with myName, "HUMANE AGE" with myAge, and "CAT AGE" with myAgeInCatYears in the sentence above.

         // assign my age to the variable `myAge`
        var myAge = 20;
        
         // assign early years to the variable `earlyYears`
        var earlyYears = 2; 

        //multiply `earlyYears` by `25` to account for early growth rate
        earlyYears *= 25;

       // substract `2` years from `myAge` and assign to 
       //`laterYears`to account for growth rate of a cat after the first two years
        var laterYears = myAge - 2;
        
        // multiplying laterYears value by `4` to total cat years
        laterYears *= 4;

        //add value of earlyYears + laterYears fot the total age and assignt to `myAgeInCatYears`

        var myAgeInCatYears = earlyYears + laterYears ;

        // assign name to the variable `myName`
        var myName = 'Yoon';

        console.log(" My name is " + myName + ". I am " + myAge + "years old in human years which is " + myAgeInCatYears + " years old in cat years.");

Yoon

이전 포스트

Operators Cheat Sheet / JavaScript

다음 포스트

Objects Cheat Sheet / JavaScript

95개의 댓글

frid elma

2022년 3월 14일

I was unable to find the time of it! thank for sharing!

답글 달기

frid elma

2022년 3월 14일

I was unable to find the time of it! thank for sharing!

답글 달기

frid elma

2022년 3월 14일

I was unable to find the time of it! thank for sharing!

답글 달기

Tom Cruise

2022년 3월 18일

You are, without a doubt, my favorite author, io games. Every time I read one of your articles on the wordle website, you always surprise me with something new. Great efforts!! https://iogamesio.onl https://wordlewebsite.com

답글 달기

john Krapraneath

2022년 7월 8일

scdcdss

1개의 답글

Harris Aurora

2022년 9월 16일

The information you shared is what I was looking for, thank you very much. https://driftboss.net https://smash-karts.com

답글 달기

Ericbeatric Mark

2022년 10월 7일

There is a wealth of enjoyable games available on the internet. Every hour at work, I take a break to play https://bubble-shooter.co

답글 달기

walteralec

2022년 10월 17일

Good topic; I do not know where you are obtaining your knowledge. I have a lot more information to absorb or comprehension to gain. I appreciate you taking the time to share this, as I was looking for this information for an assignment. https://cookie-clicker2.co

답글 달기

Betty Cooper

2022년 11월 8일

Very specific and detailed instructions for each step, thanks a lot, a useful lesson. https://iogamesio.org

답글 달기

Laura Woods

2022년 11월 10일

I'm interested in this project. Shall we co-operate? We will achieve something special in the future. https://1001tips.co/ https://nytsudoku.co/

답글 달기

Jiaa Malik

2022년 12월 13일

We tried to fulfil their requirements with tooth and nail and it's the conclusion that today we're at this stage. This month https://www.adelhiescort.com/location/goa-escorts.html are rejoicing our empire of four years successively so we have added several unrevealed services recently.

답글 달기

orborne

2022년 12월 19일

I like this post of yours, it's really helpful and helps me a lot. I hope more articles like this continue to be published. https://wordle-unlimited.co/

답글 달기

Colby Adkins

2022년 12월 28일

I couldn't figure out what time it was! Thank you for your contribution!
https://doodle-jump.io

답글 달기

davisjohn

2023년 1월 6일

With the right https://wordlegameorg.com/ tools, you can create simple and efficient Java Script applications that can do a lot of things.

답글 달기

SS Youtube

2023년 2월 16일

SSYouTube.top is a free tool to download videos from YouTube and save it to your local computer. The videos can be converted to avi video format. https://ssyoutube.top/en

답글 달기

Thuvan@2806

2023년 3월 3일

I'm quite impressed with your eggy car and ovo game website because it has a detailed guide to Java Script for beginners. https://ovo-game.com https://eggy-car.com

답글 달기

Paul Dupont

2023년 3월 14일

Thank you very much. This information is really useful for me and I want to tell you that the article is great https://blueygame.com

답글 달기

ChatGPTPlus

2023년 3월 16일

Thanks for sharing, it helped me. https://chatgptplus.pro/

답글 달기

Tom Charles

2023년 4월 5일

Finally, the whistling tea kettle is an incredibly stylish addition to any kitchen. There are so many different styles and designs to choose from, so you can find one that fits your taste and style.
https://justteakettle.com/best-tea-kettle-for-gas-stove/

답글 달기

James Core

2023년 4월 8일

Wordle NYTimes is a word guessing game created by Jonathan Feinberg, a software engineer based in New York. The game is available for free on the New York Times website, and it has become incredibly popular in a short amount of time.
https://wordlenytimes.net/

답글 달기

truongdinh

2023년 4월 13일

I have applied your sharing to my programming work and everything seems to be going very smoothly, fortunately I wordle reached this article. Every word expressed in this article is perfect and gives me a lot of important knowledge.

답글 달기

Jos buttler

2023년 4월 14일

worlde was created by Jonathan Feinberg, a software engineer, in 2008 as a fun side project. It quickly gained popularity among language enthusiasts and has since become a staple for word lovers everywhere. With its simple yet engaging concept, Wordle has become a go-to tool for language analysis, content summarization, and creative expression.
https://worlde.info/

답글 달기

anderson alive

2023년 4월 24일

답글 달기

Binsky Drew

2023년 6월 29일

Through events, JavaScript may communicate with HTML elements. Events are things that happen in the browser, such clicking a button or loading a website. JavaScript can be used to react to these events and carry out particular tasks https://blossomwordgame.io/

답글 달기

bsaey

2023년 7월 3일

I just wasn't able to fit it into my schedule! I am grateful that you shared!

https://snowrider3d.co

답글 달기

Noa Trujillo

2023년 7월 3일

I am learning js related content recently, your explanation of js is very useful to me.https://everythingreplica.com/product-category/replica-air-jordans/

답글 달기

Trevor

2023년 7월 5일

I am learning js related content recently, your explanation of js is very useful to me.https://everythingreplica.com/product-category/replica-air-jordans/

답글 달기

Trevor

2023년 7월 5일

An excellent article, I agree with the structure and content.https://janitorai.pro/

답글 달기

Kerry Dixon

2023년 7월 19일

Thank you very much for the Java script shared by the author, which is very helpful to me. I hope the author can share more knowledge of js in the future.https://chatgptproapi.com/login-chat-gpt/

답글 달기

wordle nyt

2023년 7월 29일

One such captivating word puzzle that has taken the world by storm is New York Times Wordle. This simple yet addictive game has garnered a massive following, becoming a cultural sensation in recent times. Let's explore the intriguing world of NYT Wordle, from its origins and gameplay to tips for mastering this challenging puzzle.

답글 달기

Gregory Sharpe

2023년 8월 1일

You ought to be a guru at writing computer code. I appreciate you sharing. dinosaur game

답글 달기