Tuesday , 18 June 2019
Home / Tag Archives: JavaScript (page 6)

Tag Archives: JavaScript

Cookies – JavaScript Tutorial

Cookies

This will be our last project in our JavaScript tutorial series. Learn how to create cookies in JavaScript. By the end of this tutorial you’ll have fully usable functions to create, grab, and delete cookies. What are Cookies? Cookies are pieces of information that you can store on a visitor’s computers. So, let’s say you had a first time visitor …

Read More »

Animation – JavaScript Tutorial

Animation

Animation is an exciting topic in JavaScript. There are many tools out there to perform animations from basic to advance. Some of these tools are actual programs that allow you to input some numbers and then it takes care of the programming part of it. In this mini tutorial series, we’re going to be creating animations with pure JavaScript. Animating …

Read More »

Basic Form Validation – JavaScript Tutorial

Basic Form Validation

Today, we’ll be talking about basic form validation. This tutorial series so far has 2 main segments which are what and why. The first part, what, covers the basics of JavaScript. I taught you what variables, functions, loops, conditional statements, and events are. Now, you’re more than ready to start creating dynamic websites. However, you may be confused by the …

Read More »

For In Loop – JavaScript Tutorial

For In Loop

The for in loop in JavaScript is a special kind of loop. It’s specifically designed for arrays and objects. It allows you to loop through an array or object’s elements or properties. Let’s take a look at how to do this. Clear your script and add this bit of code. [crayon-5d09215ee90d3004459255/] You create an array. Next, we create our for …

Read More »

Multidimensional Arrays – JavaScript Tutorial

Multidimensional Arrays

When you hear the word multidimensional you think of space and time. In programming, it’s far more simpler than that. Multidimensional arrays are just arrays within arrays. Yes, it’s possible! Don’t worry, this tutorial doesn’t have any surprised ;). Let’s clear your script and add this bit of code into it. [crayon-5d09215ee97e1867870897/] I create a variable named people and insert …

Read More »

Associative Arrays – JavaScript Tutorial

Associative Arrays

Today’s tutorial comes with a little surprise. Today, we’ll be talking about “associative arrays.” If you’ve programmed before, then you probably know what these are. If you don’t, then don’t worry. I’ll explain it in a bit. Creating An Associative Array Clear your script and add this bit of code. [crayon-5d09215ee9f89284925039/] We create a variable named jack and make it …

Read More »

Manipulating Arrays – JavaScript Tutorial

Manipulating Arrays

Let’s talk about manipulating arrays now. There are a ton of methods for manipulating arrays, but we’ll talk about the mostly used ones. Before I move on, let me give you the technical terms for an array. The position or spot of an array is considered the index. The values in an array are items or elements. That’s all you’ll …

Read More »

Arrays – JavaScript Tutorial

Arrays

Arrays are a special kind of object. They can store multiple values. Let’s say you had a list of 800 names. If you had to create a variable for each of these names, then that would take a long time. Also, what if you were expecting to update this list with more or remove names? You’d have to manually create …

Read More »

Events – JavaScript Tutorial

Events

One of the more powerful features in JavaScript are events. By default, there are a couple of events you have access to thanks to the HTML DOM. Let’s learn a couple of these events. Unobtrusive JavaScript I’ve talked about this before, but to refresh your memory I’ll say it again. Some events can be used directly inside HTML elements. While …

Read More »

Change CSS – JavaScript Tutorial

Change CSS

JavaScript not only allows you to change the HTML in your document, but you can also change the styles of a certain element. The procedure to change CSS is straightforward. Let’s look at how to do this. Updating the HTML Update the <body> tags in your HTML document to this. [crayon-5d09215eec335844153045/] Next, let’s clear your script and add this bit …

Read More »