Olá, eu estou querendo fazer um site igual estes que quando clica em um botão ele muda pra dia ou noite(deixando o estilo ou preto para noite ou branco para dia) e eu queria saber como mudar tudo por js, eu sei que em css é o * mas e em js?
Se acha que, em CSS, é difícil, tendo em vista que CSS é o que atende ao que você quer com mais facilidade, então, nem queira saber como é em js.
Em JS usando Jquery, você basicamente capturaria o evento de click
no elemento e faria a atribuição do css. Exemplo de como mudar a cor do body
ao clicar no botão:
$('#seu-botao').click(function(){
$('body').css('background-color','red'); \\muda a cor do body para vermelho
});
Consegui amigos, na verdade acho que a solução foi um pouco porca, mais funcionou, eu utilizei o seguinte código:
varr lnk = document.createElement(‘link’);
lnk.setAttribute(‘type’, “text/css” );
lnk.setAttribute(‘rel’, “stylesheet” );
lnk.setAttribute(‘href’, ‘css/estilo.css’ );
document.getElementsByTagName(“head”).item(0).appendChild(lnk);
resumindo, conforme eu aperto o botão, ele troca o estilo css por arquivo