Unary operators are the simplest operators in JavaScript which works on one value, or we can say on one operand. There are mainly six kinds of unary operators in JavaScript which are given as − Unary Plus Unary Minus Increment operator (Prefix) Increment operator (Postfix) Decrement operator (Prefix) Decrement operator (Postfix) In this tutorial, we are going to learn about the unary plus (+) operator. To use the unary plus operator we just need to put a plus sign in front of the operand. This operator is basically used to convert a non-numeric value to a numeric value, ... Read More

In this tutorial, we are going to build the famous hit the mouse game using HTML, CSS, and vanilla JavaScript. Many of you wondering what is Vanilla JavaScript, it is nothing just plain JavaScript written without the use of any libraries. In the hit the mouse game, the player needs to hit the mouse with the hammer in order to earn points and win the game. Approach To design the mouse game, we need to write the code IN HTML, CSS, and JavaScript. Step 1 − Firstly, let us look into the HTML part of the code; in this part, ... Read More

A Pong game is a two-player paddle game where each player’s task is to save the ball from hitting the wall. Whenever player 1 hits the ball at the opponent’s wall then player one will receive a point, and similarly, player 2 will get a point if he/she hits the ball at the opponent’s wall. In this tutorial, we will create a Pong Game in JavaScript. Approach To make the pong game using JavaScript we need to write code in HTML, CSS, and JavaScript. We have written certain functions in JavaScript to build the Pong game which is defined below ... Read More

Define an inline frame with HTML tag . The tag is not somehow related to tag, instead, it can appear anywhere in your document. The tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. The src attribute is used to specify the URL of the document that occupies the inline frame. We can easily apply CSS to an iframe, but let us first look at the attributes of the − src − This attribute is used to give the file name that should ... Read More

The tables can be used to create and structurize forms in HTML. But, before that let us see how to create a form in HTML. Create a Form in HTML Example Let us see how to create a form using the tags. We have set three input type radio with individual labels − DOCTYPE html> HTML Form Details Select the subject you want to choose: ... Read More

The default margin is 8px in HTML. It is defined in pixels by the user-agent-stylesheet your browser provides. Some browsers allow you to create and use your own user-agent-stylesheet, but if you are developing a website, keep it the same. Default Margin in HTML Example Let us see a simple example. Here, since the default margin is 8px, we won’t try to change it − DOCTYPE html> Example body { background: orange; ... Read More

Use the enctype attribute to specify how the browser encodes the data before it sends it to the server. Possible values are − application/x-www-form-urlencoded − This is the standard method most forms use in simple scenarios. mutlipart/form-data − This is used when you want to upload binary data in the form of files like image, word file etc. Example Let us now see an example − DOCTYPE html> HTML enctype attribute form { ... Read More

We can easily make container shrink-to-fit child elements as they wrap. First, we will set the flex container flexible − display: flex; We will set the flex items to wrap − flex-wrap: wrap; Set the text center aligned using the text-align property − text-align: center; The list-style-type property is set to None to display no marker − list-style-type: none; Example Let us now see the complete example − DOCTYPE html> Flex Example ul { ... Read More

Let’s say we have P, Q, R, S, T aligned in the center of a web page − P Q R S T We want the above to remain same, except the rightmost i.e. the T to shift on the right, like this − ... Read More

The footer as the name suggest remains fixed in the bottom of the web page. For example, in the following page, we have a fixed footer in the bottom i.e. the footer remains even when the page is scrolled above − To create a footer that stays in the bottom and fixed, we will use CSS. Set the footer to stay at the bottom of a Web page using the position property Set the footer to stay at the bottom of a Web page using the position CSS property. The footer height, background color, and text color is set ... Read More