Changing button created with <button> text with JavaScript

Question

My code looks like this

in .html

<button type="button" onclick="toggle()" id="toggleButton">more ⇓</button>

.js

function toggle(){
document.getElementById("toggleButton").innnerHTML="less ⇑";}

The button appears in my page with the more text, but clicking the button does not do anything.

In I do have reference

<script src="button.js"></script>

And the name of my javescript file is button.js

typo error innnerHTML

CodeLover
– CodeLover

2018-02-14 09:11:24 +00:00
Commented Feb 14, 2018 at 9:11 — CodeLover
– CodeLover, Commented Feb 14, 2018 at 9:11

Mamun · Accepted Answer · 2018-02-14 09:11:19Z

4

It should be innerHTML not innnerHTML

document.getElementById("toggleButton").innerHTML="less ⇑";

<button type="button" onclick="toggle()" id="toggleButton">more ⇓</button>

answered Feb 14, 2018 at 9:11

Mamun

69k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hanif Over a year ago

Typo should not be answer, comment place is enough for typo mistake :)

Kishor Velayutham · Accepted Answer · 2018-02-14 09:15:55Z

0

Try this ..

<input onclick="toggle()" type="button" value="more ⇓" id=myButton1"></input>

Js:

    function toggle()
    {
        if (this.value=="more ⇓") 
             {this.value = "less ⇑";}
        else 
             {this.value = "more ⇓";}
    }

answered Feb 14, 2018 at 9:15

Kishor Velayutham

8286 silver badges18 bronze badges

Collectives™ on Stack Overflow

Changing button created with <button> text with JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related