Create First React Component

import React from ‘react’; import ReactDom from ‘react-dom’; function Greeting(){ return( <div> <h4> this is john and this is my first componenet; </h4> </div> ); } ReactDom.render(<Greeting />, document.getElementById(‘root’)); Create element by React.createElement.   import React from ‘react’; import ReactDom from ‘react-dom’; const Great = () => { return React.createElement(‘h1’,{}, ‘Hello this element create by […]

how to remove increase and decrease number arrow when use input type number in form

Remove arrow when using input number. Facing problem with increase and decrease number arrow when using input type number in form or Ajax request fields. Use Below CSS Code input[type=”number”]::-webkit-outer-spin-button, input[type=”number”]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } Explain in the example below with the CodePen link. Full Code Below HTML <div class=”container”> <h2>Verify Your Account</h2> […]

JavaScript Operator and &&, or || define with logical condition

JavaScript Operator && (AND), ||(OR). They perform some operations on single or multiple values and provide results. and like that double pipes represent the logical OR operator. Logical AND Operator Double ampersand to represent the logical AND operator true && true; // true true && false; // false false && true; // false false && […]

How to get value store in cookie in browser by use simply jQuery

Get Value store Cookie into Chrome or other Web Browser with JQuery Easily. Below the code, describe how to store a specified cookie value into a variable and use it for further use. Cookie ‘_ga’ store in web browsers such as Chrome or Firefox, with using the jQuery get the value of cookie and store […]

How to wrapping text in a pre Tag with CSS code

How to Wrapping code in a <pre> tag with CSS The HTML pre tag is used to insert preformatted text into HTML files and documents. Its used to display code blocks with using present lines breaks, characters and spaces. HTML <pre> tag not allow to support text wrap, by default. If using <pre> tag in […]

Infographic : What is HTML & JavaScript DOM Definition Methods and Properties

What is HTML & JavaScript DOM. Document Object Model(DOM) is a programming interface of HTML and XML document as a tree structure where each and every node having an object which is part of the document. DOM represents nodes and objects of the document. It displayed in the browser window or HTML Source(View by Ctrl […]

How to add canonical tag to every page in website by PHP

PHP two line codes add Canonical tag in website every page Add canonical tag dynamically by using PHP code easily with two lines of code. Canonical tag using on a webpage that tells search engines that specific URL represents the master copy not having any duplicate page.  Using canonical tag shows duplicate content present on […]

Countries name and area code with select option dropdown

Find Country Code and Name with from Option Dropdown.   Get HTML code of all country’s names and area codes in select and option dropdown. When needing country area code by select country name use below HTML code and push the area code to required API. Code Below. Just Copy and Paste in HTML Area […]

How to add bootstrap CSS and JQuery after page load

Add Bootstrap library files after window load Need to load jQuery and CSS bootstrap file after load page for optimize page speed and reduce the load time of page add both files after page open in the window. After loading files in the window will helps to reduce the loading time and increase page speed […]

How to get cookie value when $.cookie error come in console

How to solve error comes when trying to use cookie value store in the browser.   when trying to use a cookie value which stores in the browser by javascript and error come in browser console $.cookie is not define, so add jquery cookie library in HTML code. The library is mention below.   Include […]