Front End Technology Articles

Page 221 of 652

How to access a JavaScript object using its own prototype?

vineeth.mariserla
vineeth.mariserla
Updated on 11-Mar-2026 428 Views

We can able to access the existing object by creating its own prototype using a javascript method called "Object.create()". Using this method we can inherit the properties from the existing properties to the newly created prototype. Let's discuss it in a nutshell.syntaxObject.create(existing obj);This method takes the existing object and creates its own prototype so that the properties will be inherited from the existing object to the newly created prototype.ExampleIn the following example, Initially, an object named "person" is created and the using "Object.create" its own prototype is created and assigned to a variable "newper". Later on, using the prototype the ...

Read More

Regular functions vs Arrow functions in JavaScript?

vineeth.mariserla
vineeth.mariserla
Updated on 11-Mar-2026 635 Views

Regular functions vs Arrow functionsAn arrow function is used to write the code concisely. Both functions regular and arrow work in a similar manner but there are some differences between them. Let's discuss those differences in a nutshell.syntax of an arrow functionlet x = (params) => { // code };syntax of a regular functionlet x = function functionname(params){ // code };Usage of "this" keywordIt is unable to use "this" keyword in arrow functions whereas in regular functions it can be used without any disturbance.ExampleIn the following example, both regular(rectangle) and arrow(square) functions were used inside the object "num", which consists of len(length) ...

Read More

HTML for Attribute

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 282 Views

The for attribute of the element is used to set an element with a label.SyntaxFollowing is the syntax −Above, id is the associated element id.ExampleLet us now see an example to implement the for attribute of element − Last Semester Results Result Student: Subject: Rank: OutputThis will produce the following output −In the above example, we have a form with some fields − Result Student: Subject: Rank: We have set the label for the field using for attribute of the element, for ...

Read More

HTML min Attribute

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 191 Views

The min attribute of the element is used to set the lower bound for . However, the element is used to measure data with a give range like water impurity level and it is set using the min and max attribute.SyntaxFor obvious reasons, the min value is less than the max value. The default is 0. Following is the syntax −The num above is a number in floating-point that sets the min attribute of the element.ExampleLet us now see an example to implement the min attribute of the element − Water Levels Impurity Level ...

Read More

HTML DOM Anchor hostname Property

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 162 Views

The HTML DOM Anchor hostname property returns only the hostname of the URL. It returns the domain name.SyntaxFollowing is the syntax to set the hostname property −anchorObj.hostname = hostnameAbove, the hostname is the hostname of the URL.SyntaxFollowing is the syntax to return the hostname property −anchorObj.hostnameExampleLet us now see an example to implement the DOM Anchor hostname property − Company Our Team Display Anchor Part Display Host Part Display Hostname    function display() {       var a = document.getElementById("mylink").hash;       document.getElementById("myid").innerHTML = a;    }    function display2() {       ...

Read More

HTML max Attribute

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 162 Views

The max attribute of the element is used to set the upper bound for . However, the element is used to measure data with a give range like water impurity level and it is set using the min and max attribute.SyntaxFollowing is the syntax −The num above is a number in floating-point that sets the max attribute of the element.ExampleLet us now see an example to implement the max attribute of the element − Water Levels Impurity Level TDS Level OutputThis will produce the following output −In the above example, we ...

Read More

HTML File Paths

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 429 Views

File path in a website is the location of a file in that website. This path might be relative (in reference to current path) or absolute (full URL of file).SyntaxFollowing is the syntax:1) Relative pathsrc="ImgFolder/picture.jpg"Orsrc="../ImgFolder/picture.jpg"Orsrc="/ImgFolder/picture.jpg"2) Absolute pathsrc="http://www.tutorialspoint.com/html5/foo.mp4"Let us see an example of HTML DOM Video src property−Example HTML DOM Video src    * {       padding: 2px;       margin:5px;    }    form {       width:70%;       margin: 0 auto;       text-align: center;    }    input[type="button"] {       border-radius: 10px;    } ...

Read More

HTML for Attribute

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 224 Views

The HTML for attribute bounds the element to the first labelable element which has an id same as the value of for attribute.SyntaxFollowing is the syntax −1. Returning value of for attribute −labelObject.htmlForExampleLet us see an example of for attribute − Label htmlFor    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } Label-htmlFor Current Editor: ...

Read More

HTML isTrusted Event Property

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 180 Views

The HTML isTrusted event property returns a boolean value corresponding to whether the event is trusted or not.NOTE − If invoked by a script the isTrusted returns false and if invoked by user then isTrusted returns true.Let us see an example of isTrusted event property −Example HTML isTrusted    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } ...

Read More

HTML DOM Table caption Property

AmitDiwan
AmitDiwan
Updated on 11-Mar-2026 199 Views

The HTML DOM table createCaption() method generates an empty element and adds it to the table in an HTML document.SyntaxFollowing is the syntax −object.createCaption()Let us see an example of HTML DOM table createCaption() method −Example    body {       color: #000;       background: lightblue;       height: 100vh;       text-align: center;    }    table {       margin: 2rem auto;    }    caption {       color: #db133a;    }    .btn {       background: #db133a;       border: none;       ...

Read More
Showing 2201–2210 of 6,518 articles
« Prev 1 219 220 221 222 223 652 Next »
Advertisements