Scribd
Upload
6 views3 pages

Workshop Notes

Uploaded by

bhutadapihu750
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views3 pages

Workshop Notes

Uploaded by

bhutadapihu750
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Workshop Notes

 Html is a markup language used to create static and dynamic webpages.


 Html is a parsing language. (used only to parse/print the data as it is)
 ..
 Javascript helps the server to share/distribute the load of too many
requests.
 With the help of javascript we perform arithmetic and logical operations
on client side.
 Javascript variable is a container whose value can be changed
throughout the program.
 A language in which data type is not mentioned is called “Loosely-Typed
language”.
 When we concatenate a string and number data type the data type of
result will be string.
 Lower Camel Case – (changeCase)
 Upper Camel Case – (ChangeCase)
 ..
 When the code is executing and we apply changes to it, it is known as
runtime. (updating in runtime)
POP-UPS
1. alert();
2. prompt();
3. confirm();
VARIABLES and CONSTANTS
1. var a = 10; //gobal variable (a = 10;)
2. let b = 20; //scope based variable (use this often)
3. const c = 30; //scope based constant
CONSOLE AND DOCUMENT
1. console.log(); //used to print on console
2. document.write(); //used to print on the html document
TYPEOF
1. (typeof a): //result will be the data type of the variable a
PARSEINT, PARSEFLOAT, NUMBER
1. Used to convert a string into number.
2. parseInt();
3. parseFloat();
4. Number();
DOM
1. document.getElementById(‘p1’); //id selector (returns only one
element)
2. document.getElementsByClassName(‘para’); //class selector
(returns an array of elements)
3. document.getElementsByTagName(‘p’); //tag selector
4. document.querySelector(‘#p1’); //id, class and tag are defined
through css selectors
5. document.querySelectorAll(‘.para’); //id, class and tag are
defined through css selectors
EVENTS
1. Written inside any html opening tag.
2. The event takes a function as a value (it is called when the
event takes place).
3. onclick=”function();”;
4. onkeyup=”function();”;
5. onmouseover=”function();”;
6. etc.
ADD EVENT LISTENER
1. Used currently.
2. It keeps the javascript code and html code separately unlike
writing events into the html opening tags to apply them.

FUNCTIONS
1. //simple function
2. //function with argument
3. //function with default argument
4. //function with return type
5. //function with return type and argument
6. //function as a variable
7. //arrow function (no need for curly braces in a single line
function)

You might also like