I am trying to use the below code to add buttons into the body of my page, the buttons appear, but none of the attributes display, it is a default button with no increase in size with font size, no text displayed, and no color. 

```js
function createKeyboard()
 {
    var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    for(var i=0; i<str.length; i++)
    {
     var nextChar = str.charAt(i);
     var btn = document.createElement("BUTTON");
     btn.setAttribute("id","btn"+nextChar);
     btn.setAttribute("innerHtml",nextChar);
     btn.setAttribute("value",nextChar);
     btn.setAttribute("text",nextChar);
     btn.setAttribute("font-size","14px");
     btn.setAttribute("background-color","#4CAF50");
     document.body.appendChild(btn);
     }
    };
```

When looking at the buttons using the console I can see the attributes are there, as shown below:

```html
    <button id="btnA" innerhtml="A" value="A" text="A" font-size="14px"        background-color="#4CAF50"></button>
```

Not sure where I am going wrong here, any ideas? 

-Thanks