JavaScript Variable , Functions and CSS

  • Variable is used to storing the data value.
  • A variable is any characteristics, number, or quantity that can be measured or counted. 
  • A variable may also be called a data item.
  • JavaScript support non variant variable.
  • JavaScript dose not used data type.
  • Types of variable  :-   a) Variant variable verify the data using the data type,e.g. int a                                                         b) Non variant variable dose not used any data type.It is depend on data     value.It is used in JavaScript and Linux.e.g. a=10, a= 10.5,a=Ramesh.   
  • Create variable in JavaScript using var  keyword.
  • In user input variable, only declare the name of variable.
  • In any programming language, default input will be string .
  • example:- int a=10;                                                                                                                                                   document.write("The value of variable"+a);               

 Examples 1:-

 <html>
<head>
<script Language="JavaScript">
var a=10;
document.write(a+"<br>");
document.write("The value of"+ " " +a);


</script>
</head>
</html>

output:- The value of   variable  10  

JavaScript Functions

Function is a small job program. the symbol ( ) defines function and it is called as function separator.
Types of functions are,
  1. User defined function(Intrinsic function) 
  2. Builtin/library function( Extrinsic function):- It is pre defined function in computer memory.

How to create function

Using function keyword you can create any type of function.
  Syntax:- function name( )
                  {
                              ------------
                              ------------
                  }

How to access function

All functions are to be access inside the button event. With help on event-onclick ,all the function can be accessible. for eg. onclick="function name ( )";

Function parameter

All type of data inside the function separator ( ) is called arguments. For eg. Display(10),here 10 is argument. 

Example of getElementById

<html>
<head>
<script language="JavaScript">
function addition()
{
var a=parseInt(document.getElementById("txt1").value);
var b=parseInt(document.getElementById("txt2").value);
var c=parseInt(a+b);

document.getElementById("txt3").value=c;
}
</script>
</head>
<body>
Enter first number:- <input type="text" id=txt1><br>
Enter second number:-<input type="text" id=txt2><br>
Addition:-<input type="text" id=txt3><br>
<input type="button" value="submit" onclick="addition();">
</body>
</html>

How to display URL of web page (Inline Script)

Inline script is used to inside the body tag
<body>
<script>
</script>
</body>

JavaScript Window( )

It is used to open the separate browser

How to set height width window ( )
window.open("https://www.google.com","My window","height=400,width=400");

****CSS  : cascading style sheets****

1.css is used to arranging the page
2.Css is used to create inside or outside HTML.
3.CSS cannot used tag <> symbol


****Types of CSS****

1.Internal
2.External
3.Inline

####Internal CSS####

Extenton of page: .html


###External CSS###

Extention of page: .CSS

###Inline####

CSS direct used with any HTML tags.

****How to create Internal CSS****
 structure:
<html>
<head>

<style type="text/css">

create CSS

</style>

</head>
<body>
</body>
</html>

**** methods of css creation****

1.Using tagname method

syntax:
tagname
{
attribute;
}
NOTE: Dfference between HTML and CSS attributes

all html attribute used eual to(=) operator
eg.height=100 width=200

all css attribute used in colon(:) operator
eg. height:100
    width:100


NOTE:tagname method cannot used similar tag name.



2.Using classname method
syntax:
.classname
{
attribute:value;
}
***HOW TO ACCESS CLASS INSIDE THE TAG***
access any type of class inside the tag using class attribute.
syntax:
<tagname class="classname">
eg.<font class="one">

***Cell creation***

1.cell is used to arranging the website contained
2.cell is used to create with the help of <div>......</div>
3.there are following attribute used in <div>
   1.id
   2.height
   3.width
   4.background- color
   5.top
   6.left
   7.position[bydefault position is fixed(no change)]   

NOTE:if change the all parameter using absolute position  

CSS is work on pixel data value (px)

Comments

Post a Comment

Popular posts from this blog

C# console applications

BASIC PROGRAM  1 using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace basicprogramming {     class Program     {         static void Main(string[] args)         {             int a = 10;             Console.WriteLine("the value of a" +" " + a);             Console.WriteLine("this is my first consol program");             Console.WriteLine("welcome to my program");             Console.ReadKey();//break to output screen          }     } } BASIC PROGRAM  2: INPUT FROM USER using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace userinputpro {     class Program     {         int a;         void accep...
Read more

DATATABLES

Image
 *****IMP DATA TABLE****** 1.it used to searchable gridview 2.it is pre defined library step 1:-save data table in project folder  step 2:-include following css inside the page step 3:-inclue the script in web page after the </form> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">     <title></title>     <link href="datatables/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" /> <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />   <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>   <script type="text/javascript" src="https://cdn.datatabl...
Read more

MVC(MODEL-VIEW-CONTROLLER)

 *********MVC(MODEL-VIEW-CONTROLLER)********** Introduction 1.MVC is model view controller structure 2.It provide the layer architecturein dot net application 3.MVC is provide 4 specific component    i]dot net framework    ii]asp.net mvc    iii] webform    iv]IIS 4.mvc code is to be relies by mspl(microsoft public licence) 5.mvc is manage complexity of application 6.mvc provide light weight application 7.provide more interactive and responsive application 8.mvc is provide tdd(test driven development) *****WHAT IS MVC PATTERN***** a model view controller design pattern is prefer c,c++,java and c# mvc(model view editor previously) ****MVC Architecture***** model:-inside the model create only class view:-only used design section(UI) and work with html.extention:-.cshtml controller:-(coading)it handle communication from the user overall application(logic building).controller manage http url *****MVC Lifecycle***** application lifecycle:-work with...
Read more