Event Programming and JavaScript

 What is event Programming?

An event, in a computing context, is an action or occurrence that can be identified by a program and has significance for system hardware or software. Events can be user-generated, such as keystrokes and mouse clicks, or system-generated, such as program loading, running out of memory and errors.

HTML cannot provide event programming and also page arrangement. With the help of JavaScript all event programmings will take place in HTML pages.

In the case of the Web, events are fired inside the browser window, and tend to be attached to a specific item that resides in it. This might be a single element, a set of elements, the HTML document loaded in the current tab, or the entire browser window. There are many different types of events that can occur.

For example:

The user selects, clicks, or hovers the cursor over a certain element.
The user chooses a key on the keyboard.
The user resizes or closes the browser window.
A web page finishes loading.
A form is submitted.
A video is played, paused, or finishes.
An error occurs.


What is JavaScript?

  • It is a background language.
  • It is a case sensitive language.
  • JavaScript is used inside the <head>

Structure of JavaScript:

<html>
<head>
<script language="JavaScript">
...............
..............
(logic of a program)
................
...............
</script>
</head>
</html>

Note:

  • In this scripting no error message display.
  • Inside the <script>, we are unable to used any tag symbol used in HTML
  • If we want to use tag then write as shown in below
            document.write("<font color='red'>welcome to my program</font>" + "<br>");
            
            Here attribute written with single quote and + is used for combine the statements.

Types of statements used in JavaScript:

  1. Output /Printing statement.
  2. Alert statement.
  3. Confirm statement.
  4. Input statement.

Example:

<html>
<head>
<script language="JavaScript">
document.write("<font color='red'>welcome to my program</font>" + "<br>");
document.write("Nagpur is called as orange city");
alert("welcome");
confirm("do you want to exit");
prompt("enter any numbers");
</script>
</head>
</html>


Output:







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