Проблема с событиями в JS

Очень хорошие во все, я новый в этом javascript и считал проблему, как кажется, простой, но не смог отчитываться себе каков это ошибка:

У меня есть простая кнопка, которая изменяет цвет с событием onclick, за чем оно последует, состоит в том, что, хотя первый раз, который нажимает его, становится зеленым, уже секунда и последующие разы не будут размещаться красный, я осведомлялся о, в моем коде есть ли какой-то тип ошибки.

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

function cambiarColor() {
  var bg = boton.style.background;
  if (bg == "green") {
    boton.style.background = "red";
  } else {
    boton.style.background = "green";
  }

  return true;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Eventos</title>
</head>

<body>
  <h1>EVENTOS EN JS</h1>
  <button id="boton" onclick="cambiarColor();">Presioname</button>
  <script src="js-1.js"></script>
</body>

</html>
0
задан 08.11.2019, 02:20
1 ответ

Я имею тебе способ, в котором это realicГ©, различие меня cГіdigo и твой estГЎ в if. Ты можешь смотреть cГіdigo aquГ - . Ты dejГ© комментарии в cГіdigo для того, чтобы ты это понял лучше.

Из всех форм aquГ - cГіdigo.

    // CREAMOS UNA VARIABLE QUE GUARDA TODAS LAS PROPIEDADES DEL BOTON CON EL #ID btn
    var boton = document.getElementById('btn');

    // LA MANERA CORRECTA DE USAR JAVASCRIPT PURO ES CREAR LAS FUNCIONES PRIMERO Y MÁS ABAJO INVOCARLAS O ASIGNARLAS AL OBJETO QUE LO USARÁ.

    function CambiarColor(){ //CREAMOS LA FUNCION LLAMADA CambiarColor
        if(boton.style.background != 'blue'){ //HACERMOS UNA CONDICIÓN IF PARA COMPROBAR SI EL OBJETO ES DE UN COLOR DIFERENTE A BLUE.
        
            boton.style.background="blue"; //SI LA CONDICIÓN SE CUMPLE, LE CAMBIAMOS EL COLOR A BLUE.
        }else{ //SI NO SE CUMPLE LA CONDICIÓN ANTERIOR ES QUE EL OBJETO SI ES BLUE

            boton.style.background="red"; //COMO EL OBJETO ES DE COLOR BLUE, LO CAMBIAREMOS A COLOR RED.
        }
        return true; 
    }

    /* POR ÚLTIMO USAMOS NUESTRA VARIABLE Y ACTIAVAMOS EL EVENTO CLICK, PARA USARLOS ES NECESARIO USAR EL METODO "addEventListener" QUÉ RECIBE DOS VALORES
    1.- EL NOMBRE DEL EVENTO A UTILIZAR
    2.- UNA FUNCIÓN.

    EL PRIMER VALOR SERÁ CLICK, EL SEGUNDO VALOR SERÁ UNA FUNCIÓN QUE EJECUTARÁ NUESTRA FUNCIÓN <CambiarColor>
    */
    boton.addEventListener("click", function(){
          CambiarColor();
    });
<!-- TITULO -->
<h1>EVENTOS EN JS</h1>

<!-- BOTÓN QUE REALIZARÁ UNA ACCIÓN -->
<button class="" id="btn">Presioname</button> 
0
ответ дан 01.12.2019, 12:18
  • 1
    Привет, Карлос, оценил твой atenció n после того, как помогает мне с проблемой, но у него есть тот же недостаток по крайней мере для mí botó n он остается в синем цвете и уже está. Не sé если это смог быть algú n проблема с браузером. – Santiago 08.11.2019, 05:17
  • 2
    ¿ Тебя перемещает то же самое с соединением, что ты dejé? Сейчас, когда я выполняю твой có говорит с opció n, что дает stackOverflow равно, я функционирует твой có я говорю. Попытайся в другом браузере. – Carlos Escobar 08.11.2019, 05:24
  • 3
    Совсем не, остается та же ошибка, во всех браузерах события функционируют с нормальностью, в qué возможно быть должным это? – Santiago 08.11.2019, 05:34

Теги

Похожие вопросы