{Day1} function

murloc-craft — Tue, 04 Jul 2023 18:35:00 +0000

Dear Dev,

Today I learned about functions in JavaScript. It's still a bit confusing, but I'll try to explain what I understood.

In JavaScript, a function is a block of code that performs a specific task.

It can be reused multiple times throughout a program.

Functions are defined using the function keyword followed by a name and a set of parentheses.

Any parameters that the function requires are listed inside the parentheses.

I tried to build a calculator!

let num1 = prompt("Choose a first number");
num1 = parseInt(num1);
document.getElementById("num1-el").textContent = num1;

I started by creating a variable num1, assigned a prompt with the question 'Choose a first number,' and then converted the var num1 to a number.
Then came the discovery of document.getElementById!
Wow, I was so excited to learn how to communicate with the DOM!

So, I assigned the content of num1 to the element #num1-el.

Then I did the same thing for the var num2.

let num2 = prompt("Choose a second number");
num2 = parseInt(num2);
document.getElementById("num2-el").textContent = num2;

This is html for num1 and num2

    <span id="num1-el">0</span>
    <span id="num2-el">0</span>

Next, I created buttons in my HTML for addition, subtraction, division, and multiplication.

   <div class="box-btn">
       <button onclick="add()">Add</button>
       <button onclick="subtract()">Subtract</button>
       <button onclick="divide()">Divide</button>
       <button onclick="multiply()">Multiply</button>
   </div>

I have already inserted the name of my function in the onclick.

function add() {
  let result = num1 + num2;
  sumEl.textContent = num1 + " + " + num2 + " = " + result;
}

It was so simple! I remember during my lessons, I used to wonder, 'What is the real purpose of a function?'
I didn't understand...
But now, with this simple project, I am finally starting to understand the importance of functions

I finally understood how DOM elements communicate with my JavaScript script.

I can finally see the light at the end of the tunnel!

So, I'm going to improve my code and build simple little projects, like a quote generator! Because I can see in my mind how it's possible to do it :)

And all of this thanks to the resources available online on the internet!

There are plenty of courses, videos, tutorials accessible for free or at a cost.
But yes, if we have motivation, anything is possible :)

I feel a little embarrassed to show my project (but I'll still share the link :p) because it's a 'newbie project,' but one day I will be capable of creating beautiful projects in JavaScript

My Calculator:

https://github.com/Lysdora/TurtleCalc-Express

I'm also going to write a fiction story featuring a World of Warcraft hero and functions, similar to this story (my first story) :

https://murloc-craft.medium.com/murloc-the-noob-vs-the-variable-f2506812a0cf

My JavaScript journal

murloc-craft — Tue, 04 Jul 2023 07:29:48 +0000

I am a beginner in learning JavaScript, oh my goodness, it can be so difficult some days!

I will keep a journal to track my progress and development.

That will help me stay motivated and not lose hope.
I've realized that JavaScript is completely different from learning CSS and HTML.

I spent several weeks trying to understand CSS flexbox and CSS grid, and now I've encountered an even more challenging beast: the realm of JavaScript.

This journal will be written in a somewhat fictionalized manner :) I love video games, especially World of Warcraft! I've been playing it for 18 years now (oh my goodness... time flies).

I can indeed help myself by explaining the workings of JavaScript, as when I explain what I have just learned, it further enhances my understanding of its logic.

It allows me to solidify my knowledge by articulating concepts and processes in my own words.
Additionally, writing about JavaScript can serve as a reference for my future learning and troubleshooting.

So I should go ahead and document my journey in my journal—it will not only aid my understanding but also serve as a valuable resource for my continued growth in JavaScript.

In this journal, we will follow the adventures of Murloc the Noob, Sylvanas the Huntress, Arthas the valiant Paladin, Onyxia the Dragon, and other adorable characters from World of Warcraft.

DEV Community: murloc-craft

{Day1} function

My JavaScript journal