DEV Community

Edison Ade
Edison Ade Subscriber

Posted on

Learn about JavaScript Functions

What are functions?

Basically a set of codes in blocks that are reusable, and tells your application to perform a specific task once we call the function name.

Let us create one:
First create an HTML document to display what we create. In the head of your html document.

 (<head> <title>Website</title> <script src="script.js" defer></script> </head> Then create a button in the body of the document "button onclick = "clickMe()" <body> <button onclick="clickMe()"> CLICK HERE</button> <div id ="click"> </div> </body>) 
Enter fullscreen mode Exit fullscreen mode

Save this as index.html

Then we create the function in another file. Let us call that script.js

//basic function that allows you to click on a button and then display text when we click on the button

 function clickMe(){ me = document.getElementById('click') me.innerHTML = "SEE ME HERE" <code>} </code> 
Enter fullscreen mode Exit fullscreen mode

Save the file. Once you click on the button the text should appear.

Top comments (2)

Collapse
 
vasilevskialeks profile image
Aleksandar Vasilevsk

Great post, I have written similar post week ago feel free to check it here
codespot.org/javascript-101-functions

Collapse
 
buzzedison profile image
Edison Ade

Oh cool. Will check it out. Thanks.