Posts

get value from object in JavaScript

-
Image
How to get value from object in JavaScript? How to validate email in JavaScript? The form capture the following: visitors name. Email_Id gender/sex the visitors date of birth(dd/mm/yyyy) text box to retrieve the users hobbies submit/reset/abort button Client side validation: Name,email,sex,Dob con not be empty. The email address can not contain any special character except '@' and '.' the length of email and name field can not exceed 30 character date of birth is keyed in  "dd/mm/yyyy" formats and validate day, month and year. day is between 1 to 31, month is 1 to 12 and year is accept till 2020. Html/JavaScript <html>     <head><script  language="Javascript">         function verify()         {             let i;             for(i=0;i<7;i++)           ...
Post a Comment
Read more

Decimal-hex-oct-binary

-
Image
Convert Decimal to Binary, Binary to Decimal, Decimal to O ctal , O ctal  to Decimal, Decimal to H ex , Hex  to Decimal
1 comment
Read more

Get value from form using JavaScript.

-
Image
Using Text and Button object in HTML. Get  value from form using JavaScript. In this example we  create a form in which two object Text and Button, as first Text object is used to accept a mathematical expression for evaluation and second Object button is used to calculate the entered expression. When we Click this Button it Calculate the expression in shown in next Text box.                                       In script tags we create a function as named calculate in which we pass the form as argument/ reference of form.In block of function we simply use form.result.value=eval(form.entry.value) , where result and entry is name of  text object and eval is a method that is use  to convert the string expression to a numeric value. when this program is executed in a JavaScript is enabled browser,Enter an expression in the first Text object  on the form f...
Post a Comment
Read more

How to get value of selected radio button using JavaScript ?

-
How to get value of selected radio button using JavaScript ? To get the vale of selected radio button,create a function that  function gets all the radio button using with the Name attribute and finds the radio button selected using checked property.The checked property  return true or false.If radio button is checked it returns true otherwise it returns false. If we use multiple radio button than each button has its own index value therefore we access  selected radio button using this index value.  After get value we display result in a box using innerHTML.  FOR EXAMPLE  THE FOLLOWING PROGRAM DISPLAY THE SELECTED RADIO BUTTON VALUE <html>     <body>         <input type= "radio" name= "gender" value= "male" >Male          <input type= "radio" name= "gender" value= "Female" >Female           <input type= "radio" n...
1 comment
Read more

javaScript Calculator.

-
Image
javaScript Calculator. calculator using HTML,CSS and javaScrip t. Html code- <html>     <head>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1.0">         <link rel="stylesheet" type="text/css" href="style_calculater.css">         <script src="script_src.js">     </head>     <body>     <div class="container">         <div class="dbox"><input type="text" id="display" placeholder="0"><br>         <input type="text" id="display2" placeholder="0">         <div id="box">             <button class="key" value="7" onclick="dis('7')" > 7 </button>              <butt...
Post a Comment
Read more

Svg_house

-
Image
Create a simple House through using HTML(SVG) In this house we use only polygon SVG and line for create this house. Code:- <svg height="350" width="600"> <polygon fill= "#eb593d" points= "100,200 0,300 0,350 600,350 600,300 400,200" staroke-width= "4" stroke= "red" ></polygon>   <polygon points= "150,25 400,25 500,120 250,125" fill= "brown" stroke= "red" staroke-width= "4" /> <polygon points= "150,25 250,125 50,85" fill= "gold" stroke= "red" staroke-width= "4" /> <polygon points= "235,123 75,90 75,240 235,275" fill= "green" stroke= "red" staroke-width= "4" /> <polygon points= " 235,275 485,270 485,245 235,250" fill="brown" stroke= "red" staroke-width= "4" /> <polygon points= "485...
Post a Comment
Read more

What is SVG

-
Image
What is SVG ? * SVG stands for  Scalable Vector Graphics, that is used to define graphics for web page. * This concept is achieved with the help of <svg> tag that is container for SVG graphics,   in SVG several method for create path, line,box, circle, triangle, rectangel and graphics images. SVG rectangle- Example- < svg  width ="400"  height ="100" > < rect  width ="400"  height ="100"  fill ="green" stroke ="red" stroke-width ="3"  / > < /svg > SVG square- Example- < svg  width ="100"  height ="100" > < rect  width ="100"  height ="100"  fill ="yellow"  stroke ="red"  stroke-width ="3"  / > < /svg > SVG  Circle- Example- < svg  width ="100"  height ="100" > < circle  cx ="50"  cy ="50"  r ="40"  stroke =...
Post a Comment
Read more