Giter Club home page Giter Club logo

javascriptpractice's Introduction

WIN JavaScript Application Development

Each directory has example files from the class on that date.

Date Lesson Subject
2019-03-25 1 variables and statements
01-string
On the html file, string: is what we see along with the
/> means the end of the input tag
the const stringEmpty is has space tagged between the parenthesis, that space is its value. When that is console.log, of that variable, then the space is logged and present as an empty space. The string isn’t really empty. When you console.log the using ‘typeof’ it presents that the variable is a string. This happens for both cases of the empty and nonempty variables. The const stringnonempty is given the value of ‘non-empty’ and when you console.log the variable it will provide you the value.

02-numbers The difference b/w 01-string and 02-numbers is that the 02-numbers is outputting numbers but the types of the properties have changed. In the string they are identified as strings and with the numbers they are identified as numbers. The numbers are also being used for calculations of their identifiable variable. The string, if numbers were added would print the number but it would be printed as a string due to the use of ' '.

The input type number does calculations and therefore limits its inputs to just number otherwise the return will be NaN. With the JS and the html number files, the html output only allowed for the selection of numbers whereas the input of text allowed for the input of both letters and numbers. The numbers in that case would be taken in as strings and not calculatable numbers. JS seems to complete the calculation and display the results without displaying the calculation process.

03-boolean

In the last two console.log statments the ! means opposite of the statement. Therefore when it prints the statement its opposite value. In the case of the boolean the opposite of true is false and vice versa.

Add the attribute checked to the input element. The title element contained in the head element adds a title to the tab of the webpage upon loading.

04-prompt

add another prompt to be able to get the option to add another value. Or refresh the webpage to restart the prompt process prompt(temperatureF); you can add another constant and define it within the same parameters to output.

06 string concatenation

The string concatenation means puting the strings in an order with functions to form a sentence that can be easily read.

The output for 'b' + 'a' + +'a' + 'a' : "baNaNa the b and first a are concatenated. then the next thing you have is ++ 'a' and because ++ is an operator to add to a function/ number it it prints NaN because 'a' is a string not a number. the last a is concatenated at the end.

09-slice-parseint

The slice in the method, creates parts out of the string starting with the first part of the array and going to the one right before the specified end of the array. The parseInt strings into integeters. The slices of 'ba' 'da' 55 are converted.

style- specifics what attibutes you want to add. In this case two background colors have been included as styles which means they can been used later as a value. Which they are called to be used as class in the

. class- gives the paragraph the background color of what was specified in the .rgb and .hex in the html.

19-switch 1st switch statement is unitInput 2nd switch statement is unitOutput template literals in the formattedInput and formattedOutput listed as ${temperature}, ${temperatureInput}, ${temperatureOutput}

| 2019-03-26 | 2 | arrays and objects |

javascriptpractice's People

Contributors

mcneilltc avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.