SlideShare a Scribd company logo
1 of 11
Review
• Write the basic JavaScript Syntax
• What is the function of the <script> tag?
• What is the use of the semi-colon?
• Is Javascript can be written in toggle case? Why?
• What is the standard JavaScript command for
  displaying text?
• Which sections of the html we can write/appear
  the JavaScript codes?
ALERT BOX
• An alert box is often used to “alert” the user for
  some information message. It contains a single
  statement and an OK button. When an alert box
  pops up, the user needs to click the OK button to
  proceed. (Note: the browser settings is Filipino)
<html>
<body>
<script type= “text/javascript”>
alert(“Oops! You pressed the wrong key! Try
  Again!”);
</script>
</body>
</html>
Confirm Box
• The confirm box is often used if you want the
  user to “confirm” or accept something. It contains
  question and the OK and the CANCEL buttons.
  When a confirm box pops up, the user needs to
  click either OK or CANCEL button to proceed.
  (Note: the browser settings is Filipino)
Syntax of an Confirm Box
<html>
<body>
<script>
confirm(“Are you sure all the information you
  entered are correct”);
</script>
</body>
</html>
Prompt box
• A prompt box can be used to allow the user to input data
  before entering a page. It contains a question, an empty
  box called “textfield”, and OK and Cancel button. When
  prompt box pops up, the user needs to click either the OK
  or the Cancel button to proceed after inputting the data.
Syntax of a prompt box
<html>
<body>
<script>
prompt(“Please enter your name”);
</script>
</body>
</html>
COMPUQUIZ/
 EXERCISES


1. Write the
  JavaScript
  code to
  display the
  following:
4. Used to allow user to input data.



5. Used to allow user to accept something.
Assignment/Agreement

•Start working your web
 page for your final
 requirement to pass the
 subject.

More Related Content

What's hot

JavaScript - Chapter 8 - Objects
 JavaScript - Chapter 8 - Objects JavaScript - Chapter 8 - Objects
JavaScript - Chapter 8 - ObjectsWebStackAcademy
 
JavaScript: Variables and Functions
JavaScript: Variables and FunctionsJavaScript: Variables and Functions
JavaScript: Variables and FunctionsJussi Pohjolainen
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Gil Fink
 
Div tag presentation
Div tag presentationDiv tag presentation
Div tag presentationalyssa_lum11
 
JavaScript Programming
JavaScript ProgrammingJavaScript Programming
JavaScript ProgrammingSehwan Noh
 
JavaScript - Chapter 3 - Introduction
 JavaScript - Chapter 3 - Introduction JavaScript - Chapter 3 - Introduction
JavaScript - Chapter 3 - IntroductionWebStackAcademy
 
Web development using html 5
Web development using html 5Web development using html 5
Web development using html 5Anjan Mahanta
 
Form using html and java script validation
Form using html and java script validationForm using html and java script validation
Form using html and java script validationMaitree Patel
 
(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS Dave Kelly
 
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...Edureka!
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSSAmit Tyagi
 
Cascading Style Sheets - Part 01
Cascading Style Sheets - Part 01Cascading Style Sheets - Part 01
Cascading Style Sheets - Part 01Hatem Mahmoud
 
Event In JavaScript
Event In JavaScriptEvent In JavaScript
Event In JavaScriptShahDhruv21
 

What's hot (20)

JavaScript - Chapter 8 - Objects
 JavaScript - Chapter 8 - Objects JavaScript - Chapter 8 - Objects
JavaScript - Chapter 8 - Objects
 
JavaScript: Variables and Functions
JavaScript: Variables and FunctionsJavaScript: Variables and Functions
JavaScript: Variables and Functions
 
Javascript 101
Javascript 101Javascript 101
Javascript 101
 
Dom
DomDom
Dom
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Div tag presentation
Div tag presentationDiv tag presentation
Div tag presentation
 
Html ppt
Html pptHtml ppt
Html ppt
 
JavaScript Programming
JavaScript ProgrammingJavaScript Programming
JavaScript Programming
 
JavaScript - Chapter 3 - Introduction
 JavaScript - Chapter 3 - Introduction JavaScript - Chapter 3 - Introduction
JavaScript - Chapter 3 - Introduction
 
Web development using html 5
Web development using html 5Web development using html 5
Web development using html 5
 
Javascript basics
Javascript basicsJavascript basics
Javascript basics
 
Form using html and java script validation
Form using html and java script validationForm using html and java script validation
Form using html and java script validation
 
(Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS (Fast) Introduction to HTML & CSS
(Fast) Introduction to HTML & CSS
 
Popup boxes
Popup boxesPopup boxes
Popup boxes
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
CSS
CSSCSS
CSS
 
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Cascading Style Sheets - Part 01
Cascading Style Sheets - Part 01Cascading Style Sheets - Part 01
Cascading Style Sheets - Part 01
 
Event In JavaScript
Event In JavaScriptEvent In JavaScript
Event In JavaScript
 

Similar to Javascript alert and confrim box

Web Application in java.pptx
Web Application in java.pptxWeb Application in java.pptx
Web Application in java.pptxPranodPawar
 
JavaScriptL18 [Autosaved].pptx
JavaScriptL18 [Autosaved].pptxJavaScriptL18 [Autosaved].pptx
JavaScriptL18 [Autosaved].pptxVivekBaghel30
 
Active browser web page
Active browser web pageActive browser web page
Active browser web pageZee1481
 
JAVASCRIPT 1.pptx.pptx
JAVASCRIPT 1.pptx.pptxJAVASCRIPT 1.pptx.pptx
JAVASCRIPT 1.pptx.pptxBeingPrime
 
LIS3353 SP12 Week 8
LIS3353 SP12 Week 8LIS3353 SP12 Week 8
LIS3353 SP12 Week 8Amanda Case
 
Java Script basics and DOM
Java Script basics and DOMJava Script basics and DOM
Java Script basics and DOMSukrit Gupta
 
Journey To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonJourney To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonIrfan Maulana
 
BITM3730 10-17.pptx
BITM3730 10-17.pptxBITM3730 10-17.pptx
BITM3730 10-17.pptxMattMarino13
 
10minutes Gwo
10minutes Gwo10minutes Gwo
10minutes Gwosuperjsuh
 
Js placement
Js placementJs placement
Js placementSireesh K
 
Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>
Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>
Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>tutorialsruby
 

Similar to Javascript alert and confrim box (20)

Java Script (Module 1).pptx
Java Script (Module 1).pptxJava Script (Module 1).pptx
Java Script (Module 1).pptx
 
Web Application in java.pptx
Web Application in java.pptxWeb Application in java.pptx
Web Application in java.pptx
 
FSJavaScript.ppt
FSJavaScript.pptFSJavaScript.ppt
FSJavaScript.ppt
 
UNIT 3.ppt
UNIT 3.pptUNIT 3.ppt
UNIT 3.ppt
 
javascript.pptx
javascript.pptxjavascript.pptx
javascript.pptx
 
JavaScriptL18 [Autosaved].pptx
JavaScriptL18 [Autosaved].pptxJavaScriptL18 [Autosaved].pptx
JavaScriptL18 [Autosaved].pptx
 
Active browser web page
Active browser web pageActive browser web page
Active browser web page
 
JAVASCRIPT 1.pptx.pptx
JAVASCRIPT 1.pptx.pptxJAVASCRIPT 1.pptx.pptx
JAVASCRIPT 1.pptx.pptx
 
Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
 
LIS3353 SP12 Week 8
LIS3353 SP12 Week 8LIS3353 SP12 Week 8
LIS3353 SP12 Week 8
 
Java Script basics and DOM
Java Script basics and DOMJava Script basics and DOM
Java Script basics and DOM
 
Todos specification
Todos specificationTodos specification
Todos specification
 
Journey To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonJourney To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The Skeleton
 
BITM3730 10-17.pptx
BITM3730 10-17.pptxBITM3730 10-17.pptx
BITM3730 10-17.pptx
 
Javascript
JavascriptJavascript
Javascript
 
10minutes Gwo
10minutes Gwo10minutes Gwo
10minutes Gwo
 
Js placement
Js placementJs placement
Js placement
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
 
8486477.ppt
8486477.ppt8486477.ppt
8486477.ppt
 
Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>
Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>
Essential Javascript -- A Javascript &lt;b>Tutorial&lt;/b>
 

More from Jesus Obenita Jr.

More from Jesus Obenita Jr. (20)

Organization and management 3 a Evolution of Management Theory
Organization and management 3 a Evolution of Management TheoryOrganization and management 3 a Evolution of Management Theory
Organization and management 3 a Evolution of Management Theory
 
Organization and management 2 Management Function
Organization and management 2 Management FunctionOrganization and management 2 Management Function
Organization and management 2 Management Function
 
Organization and management 1
Organization and management 1Organization and management 1
Organization and management 1
 
Designing web page marquee and img tag
Designing web page  marquee and img tagDesigning web page  marquee and img tag
Designing web page marquee and img tag
 
Ms excel 2013 formatting worksheets
Ms excel 2013 formatting worksheetsMs excel 2013 formatting worksheets
Ms excel 2013 formatting worksheets
 
Ms excel 2013 data management
Ms excel 2013 data managementMs excel 2013 data management
Ms excel 2013 data management
 
Microsoft Excel introduction
Microsoft Excel introductionMicrosoft Excel introduction
Microsoft Excel introduction
 
Word 2013 working with pictures
Word 2013 working with picturesWord 2013 working with pictures
Word 2013 working with pictures
 
Word 2013 Formatting Page
Word 2013 Formatting PageWord 2013 Formatting Page
Word 2013 Formatting Page
 
Word 2013 8
Word 2013 8Word 2013 8
Word 2013 8
 
Ms word 2013 7
Ms word 2013 7Ms word 2013 7
Ms word 2013 7
 
Ms word 2013 6
Ms word 2013 6Ms word 2013 6
Ms word 2013 6
 
Ms word 2013 4
Ms word 2013 4Ms word 2013 4
Ms word 2013 4
 
Ms word 2013 2
Ms word 2013 2Ms word 2013 2
Ms word 2013 2
 
Ms word 2013
Ms word 2013Ms word 2013
Ms word 2013
 
Parts of the ms word 2013 screen and
Parts of the ms word 2013 screen andParts of the ms word 2013 screen and
Parts of the ms word 2013 screen and
 
Word processor
Word processorWord processor
Word processor
 
Session 2 test construction.mt's
Session 2   test construction.mt'sSession 2   test construction.mt's
Session 2 test construction.mt's
 
Cooking ingredients
Cooking ingredientsCooking ingredients
Cooking ingredients
 
Color theory
Color theoryColor theory
Color theory
 

Javascript alert and confrim box

  • 1.
  • 2. Review • Write the basic JavaScript Syntax • What is the function of the <script> tag? • What is the use of the semi-colon? • Is Javascript can be written in toggle case? Why? • What is the standard JavaScript command for displaying text? • Which sections of the html we can write/appear the JavaScript codes?
  • 3. ALERT BOX • An alert box is often used to “alert” the user for some information message. It contains a single statement and an OK button. When an alert box pops up, the user needs to click the OK button to proceed. (Note: the browser settings is Filipino)
  • 4. <html> <body> <script type= “text/javascript”> alert(“Oops! You pressed the wrong key! Try Again!”); </script> </body> </html>
  • 5. Confirm Box • The confirm box is often used if you want the user to “confirm” or accept something. It contains question and the OK and the CANCEL buttons. When a confirm box pops up, the user needs to click either OK or CANCEL button to proceed. (Note: the browser settings is Filipino)
  • 6. Syntax of an Confirm Box <html> <body> <script> confirm(“Are you sure all the information you entered are correct”); </script> </body> </html>
  • 7. Prompt box • A prompt box can be used to allow the user to input data before entering a page. It contains a question, an empty box called “textfield”, and OK and Cancel button. When prompt box pops up, the user needs to click either the OK or the Cancel button to proceed after inputting the data.
  • 8. Syntax of a prompt box <html> <body> <script> prompt(“Please enter your name”); </script> </body> </html>
  • 9. COMPUQUIZ/ EXERCISES 1. Write the JavaScript code to display the following:
  • 10. 4. Used to allow user to input data. 5. Used to allow user to accept something.
  • 11. Assignment/Agreement •Start working your web page for your final requirement to pass the subject.