DEV Community

loading...

Learn about JavaScript Functions

Edison Ade
I like doing, helping people do, getting things done. founder. http://codewit.co . directorat http://loudspeakerdigital.com lead. http://bloopglobal.com , http://agriprohub.com , souledoutlive.
・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)

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.