JavaScript Tutorial Blog

 Software Review For my final blog entry I will be reviewing two pieces software that I have used over the past year and detailing the pros and cons of both. As this blog was created on Blogger I find it fitting to review my experience of it. The second software I will be reviewing will be Microsoft Teams Both Blogger and Teams have been very interesting to work with and broadened my mind of the power of free software. Let us begin with Blogger. Having made blogs before in college modules last year I was not new to the idea of blogging. I used software like Weebly and Wix to create different blogs but my experience was nowhere near as pleasant as it was with Blogger. The interface of Blogger is very accessible and easy to navigate with the tabs on the side. See below for the tab. Everything you need as a blogger is here with tools like seeing the statistics of your blog to changing the complete layout and theme of your blog. I found the View Blog tool incredibly useful as you ...

  JavaScript Number Guessing Game Tutorial Now that you have learned how to make a loop, lets create a number guessing game using JavaScript. I will begin by showing you how to make an easier guessing game from 1 - 10 with unlimited guesses and then a harder one that will be 1 - 100 but with a limited amount of guesses. Let us begin with the easier games code. The HTML code is the same as the other tutorials. Here is the JavaScript code. As you can see there are both while and if statements in this code. The variables are created first. The num variable generates a random number between 1 and 10 using the math.floor and math.random code. We use a while loop to let the user guess an unlimited amount of times. The user is then prompted to guess a number with the guess being checked by the if statement and if it is correct then an alert is sent with a message and the loop stops. Here is the end result.  Experiment with the code by changing the values to guess between. Lets move o...

 JavaScript Grade Average Calculator Tutorial For the next JavaScript tutorial I will be demonstrating how to make a grade average calculator. Finding the average of exam results is useful to teachers as it can reveal the general knowledge level of the class. Similarly to the last tutorial, I will split this tutorial into two skill levels with the first begin a simple grade calculator and the second having the user enter how many students sat the exam and finding the average from all their results. Here is the code for the HTML of the first example. Nothing unusual about this compared to the other tutorial's HTML code. Lets now look at the JavaScript code. While the code may look slightly overwhelming to beginners it is fairly easy once you understand it. We begin by creating the variables seen above. The total variable is used to get the total number of all the grades combined so it is possible to find the average. The average variable is there to print out the result at the end. ...

JavaScript Conversions Tutorial  Now that you can create and style a table, lets try conversions. In this example I will be converting Euro to Dollars. I will separate this tutorial into two parts: the first being a simple conversion and the second having the user decide how many Euros they want to convert to Dollars. Lets begin with a simple conversion. Here is the HTML code to begin with. As I have stated in the previous blog entry, the title can be named whatever you want. Remember to link the HTML file with the JavaScript file using the <script> tag. Here is the JavaScript code. We first begin by creating the variables euro and dollar. We then give values to these variables by looking up the conversion rate of euro to dollar. The result is then created by making a final variable called result and making that a product of multiplying euro and dollar. Finally the result can be printed out with the document.write code. The result is as follows. Experiment by changing the val...

  JavaScript Table Tutorial For the first tutorial of this blog I will be demonstrating how to create a simple table with colours and border styles in JavaScript. Before styling the table I will first show you how to make the table. See the image below for the end product of the following code: This is a simple table of information which could be used by business for information on their customers. I have three rows of information with the headings of name, date of birth and country of residence. Lets get into the code! This is the html code for a basic table. The green lines of code are just comments to help the reader understand the code. The items in the style table edit how the table visually looks. The div element is essentially where the table is stored on the html file. The script part is how the JavaScript and the html file are linked. Now lets take a look at the JavaScript code. Just to reiterate, the green text does not need to be added it just helps people to read the co...

  JavaScript Tutorial Blog Having started learning JavaScript this year in college I believed it would be fitting to start a blog to further my study of the programming language. While I have been studying JavaScript for 4 months now I still have much to learn and hope through this blog I can gain a better knowledge of the language. I will be going over JavaScript basics like tables, loops, functions, user input code and much more.  While some of this code may be a little advanced for beginners, this blog can easily be followed by people new to JavaScript to kickstart their learning. I plan for this blog to have numerous tutorials on JavaScript with every blog entry being increasingly more difficult than the other. I hope this blog can help other students who want to learn JavaScript and that they will benefit from reading this blog. JavaScript is a very enjoyable programming language and can be very useful to perform tasks. It is easy to learn, can be used to make apps and we...