Skip to main content
Tirei os textos que estavam em inglês.
Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

O problema está na forma como foi escrito o onclick.

O erro ocorre pois o JS é case sensitive e a sintaxe correta é em minúsculo.

var colorButton = document.getElementById('colorButton');

colorButton.onclick = function () {
    console.log('clicked');
    header.className = 'red-text';
};
.red-text {
    color: red;
}
<h1 id="header">Clickid="header">Clique topara changemudar thea colorcor!</h1>
<input type="button" id="colorButton" value="Clickvalue="Clique meaqui!"></input>

O problema está na forma como foi escrito o onclick.

O erro ocorre pois o JS é case sensitive e a sintaxe correta é em minúsculo.

var colorButton = document.getElementById('colorButton');

colorButton.onclick = function () {
    console.log('clicked');
    header.className = 'red-text';
};
.red-text {
    color: red;
}
<h1 id="header">Click to change the color!</h1>
<input type="button" id="colorButton" value="Click me!"></input>

O problema está na forma como foi escrito o onclick.

O erro ocorre pois o JS é case sensitive e a sintaxe correta é em minúsculo.

var colorButton = document.getElementById('colorButton');

colorButton.onclick = function () {
    console.log('clicked');
    header.className = 'red-text';
};
.red-text {
    color: red;
}
<h1 id="header">Clique para mudar a cor!</h1>
<input type="button" id="colorButton" value="Clique aqui!"></input>

Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

O problema está na forma como foi escrito o onclick.

O erro ocorre pois o JS é case sensitive e a sintaxe correta é em minúsculo.

var colorButton = document.getElementById('colorButton');

colorButton.onclick = function () {
    console.log('clicked');
    header.className = 'red-text';
};
.red-text {
    color: red;
}
<h1 id="header">Click to change the color!</h1>
<input type="button" id="colorButton" value="Click me!"></input>