Skip to main content
se añadieron 378 caracteres en el cuerpo
Origen Enlace

estoy tratando de seleccionar un boton cada vez que lo pulso cambia a un estilo diferente de mi css, el problema es que este código está hecho para el codigo css en linea, si yo quiero cogerlo por ejemplo de la carpeta css/stilos.css

css/stilos.css

y hacer que jquery encuentre la clase de alli como debería hacerlo? esto se puede?

const switchButton = $("button#switch");
 
$('button').click(switchButton, function(e) {

    document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'
    switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'
});

adjunto tambien el codigo html

<button class="darkModeSwitch" id="switch">
      <span><i class="fas fa-moon"></i></span>   
      <span><i class="fas fa-sun"></i></span>

Me gustaría saber si estas lineas:

document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'

switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'

hay alguna forma de llamarlas de otro modo que yo desconozco para acceder a este fichero css externo y que consiga estas clases.

estoy tratando de seleccionar un boton cada vez que lo pulso cambia a un estilo diferente de mi css, el problema es que este código está hecho para el codigo css en linea, si yo quiero cogerlo por ejemplo de la carpeta css/stilos.css y hacer que jquery encuentre la clase de alli como debería hacerlo? esto se puede?

const switchButton = $("button#switch");
 
$('button').click(switchButton, function(e) {

    document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'
    switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'
});

adjunto tambien el codigo html

<button class="darkModeSwitch" id="switch">
      <span><i class="fas fa-moon"></i></span>   
      <span><i class="fas fa-sun"></i></span>

estoy tratando de seleccionar un boton cada vez que lo pulso cambia a un estilo diferente de mi css, el problema es que este código está hecho para el codigo css en linea, si yo quiero cogerlo por ejemplo de la carpeta

css/stilos.css

y hacer que jquery encuentre la clase de alli como debería hacerlo? esto se puede?

const switchButton = $("button#switch");
 
$('button').click(switchButton, function(e) {

    document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'
    switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'
});

adjunto tambien el codigo html

<button class="darkModeSwitch" id="switch">
      <span><i class="fas fa-moon"></i></span>   
      <span><i class="fas fa-sun"></i></span>

Me gustaría saber si estas lineas:

document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'

switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'

hay alguna forma de llamarlas de otro modo que yo desconozco para acceder a este fichero css externo y que consiga estas clases.

Origen Enlace

Como seleccionar una clase css con jquery de una hoja de estilo externa

estoy tratando de seleccionar un boton cada vez que lo pulso cambia a un estilo diferente de mi css, el problema es que este código está hecho para el codigo css en linea, si yo quiero cogerlo por ejemplo de la carpeta css/stilos.css y hacer que jquery encuentre la clase de alli como debería hacerlo? esto se puede?

const switchButton = $("button#switch");
 
$('button').click(switchButton, function(e) {

    document.body.classList.toggle('dark'); //toggle the HTML body the class 'dark'
    switchButton.classList.toggle('active');//toggle the HTML button with the id='switch' with the class 'active'
});

adjunto tambien el codigo html

<button class="darkModeSwitch" id="switch">
      <span><i class="fas fa-moon"></i></span>   
      <span><i class="fas fa-sun"></i></span>