DEV Community

loading...

Learn about JavaScript Functions

buzzedison profile image Edison Ade ・1 min read

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.

(

<title>Website</title>
<script src="script.js" defer></script>


Then create a button in the body of the document
"button onclick = "clickMe()"




)

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"

}

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

Discussion (2)

pic
Editor guide
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 Author

Oh cool. Will check it out. Thanks.