There are many more Event handlers which can be applied to JavaScript buttons, On click, we will see the Current Date and Time, Example #5Ĭlick the button to see a pop up with text Initially, the text label for htmlbtn2 was ‘I’m an HTML button 2!’, we used JavaScript and have modified text label to ‘Modified HTML button 2!’.

When the page renders, we see all the three buttons with background styling from btn1 class, also each button has different font styles specific to the id’s. body.appendChild(clickBtn) helps in appending clickBtn to the body of the document as a child.className = ‘btn1’, sets the buttons styling CSS.innerHTML helps in setting inner content, also known as a label.Let us walk through the code to understand in a much better way,ĭocument.createElement(‘btn1’) creates clickable button object and referenced as ‘clickBtn’ Htmlbtn.innerHTML = 'Modified HTML button 2!' * Modifying the text label for htmlbtn2 */ Varhtmlbtn = document.getElementById('htmlbtn2') * Getting the element with id='htmlbtn2' */ VarclickBtn= document.createElement('btn1') ĬlickBtn.innerHTML = 'JavaScript button!' * Creating a javascript button element */ JavaScript element triggers an onClick functionĭocument.getElementById('btn').innerHTML = 'You have clicked on JavaScript button' OnClick event on JavaScript Button to display text In the above example, we are using onClick functionality to disable the button.disabled is the method which helps the button to get disabled and clicking would not work. VarbtnX = document.getElementById('btn') Example #2Īdding onClick event handler for JavaScript ButtonĬlick below to see the onClick functionality Clicking won’t work as there is no event handler or functionality applicable. So here in the above example, we are just creating a button using HTML tag with an id.

Look at the below examples to know How JavaScript buttons are created? Example #1Ĭreation of a JavaScript Button using HTML tagĪs there is no functionality or any event linked, clicking button will not work

For javascript example