-
JavaScript Functions
Like every programming language, JavaScript also supports the use of functions. JavaScript functions are the main blocks of code designed to perform a particular task. Functions allow the code to be called many times without repetition. Function Declaration We can create functions in JavaScript using a function declaration that looks like this: As you see in the…
-
CSS transform-origin Property
The transform-origin property allows to change the position of the elements’ transformation. The transform-origin property is one of the CSS3 properties. The transform-origin property works only with the transform property. This property can be specified using offset keywords, length values, or percentage values. For maximum browser compatibility, extensions such as -webkit- for Safari, Google Chrome, and Opera (newer versions) are used with this property.…
-
CSS transform Property
With the help of the CSS transform property, a 2D or 3D transformation is applied to the element. It is one of the CSS3 properties. This property allows to rotate, skew, scale or translate the element. It takes none value or from the list of transform functions. Only the box model positioned elements can be transformed. Initial Value…
-
JavaScript Loops: while and for
While writing a program, you can meet a situation when you need to execute an action repeatedly. In that case, you would need to write loop statements, which let us reduce the number of lines. In other words, loops offer a quick and easy way to do something repeatedly. For example, if you want to type…
-
CSS top property
The top property defines the top position of an element in combination with the position property. The effect of the top property depends on how the element is positioned (see position property). Negative values are allowed. Initial Value auto Applies to Positioned elements. Inherited No. Animatable Yes. Version CSS2 DOM Syntax Object.style.top = “50px”; Syntax Example of the top property: Result Example of the top property with…
-
CSS text-underline-position Property
The text-underline-position property specifies the position of the underline on the element with the text-decoration “underline” value specified. The text-underline-position is only partially supported by Chrome . Initial Value auto Applies to All elements. Inherited Yes. Animatable No. Version CSS3 DOM Syntax object.style.textunderlinePosition = “under”; Syntax Example of the text-underline-position property: Result Example of the text-underline-position property with the “under” value: Values Value Description auto…
-
Javascript Switch
The switch statement is used to represent various actions based on different conditions. It can replace multiple if checks and gives a more descriptive way for comparing a value with multiple variant. To perform a multiway branch, you can use multiple else…if statements, as in the previous chapter, but it is not the best way. It is better to use a switch statement…
-
CSS text-transform Property
The text-transform property is used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. Some language-specific case mapping rules are taken into account by this property. Let’s go through some of them: The browser support for the language-specific cases may vary. The “full-width” and “full-size-kana” values are experimental and not yet supported by…
-
Javascript Conditional Operators: if, ‘?’
There are five conditional statements in JavaScript: The “if” Statement The if(…) statement is the most fundamental of the conditional statements, as it evaluates whether a statement is true or false, and runs only if the statement returns true. In case of a false result the code block will be ignored and the program will skip to the next…
-
JavaScript Logical Operators
Logical operators are typically used to determine the logic between variables or values. They return a Boolean value of true or false depending on the evaluation. There are three logical operators in JavaScript: || (OR), && (AND), ! (NOT). They are called “logical”, but can be applied to values of any type, their result can also be of any type. || (OR) The OR operator is performed…