Toggeling Цвет моего заголовка между красным и зеленым - PullRequest
0 голосов
/ 28 декабря 2018

Я написал код, это простой код, который меняет цвет заголовка HTML на красный, а затем на зеленый, и это продолжается.Но мой вопрос здесь касается определения переменной "значение".Таким образом, каждый раз, когда я определяю значение переменной глобально, цикл для переключения цвета между красным и зеленым работает, но когда я объявляю его внутри моей функции запуска, цикл не работает, он просто застревает в зеленом (т.е. мой первый экземпляр).Любые предложения, почему он ведет себя так?

С уважением, Новый кодер.

// first i decleared header value

header = document.querySelector('h1')


// after that i needed a toggel function to toggel the boolean values


function toggel(input)

{

output=!(input)

return output

}

// here if i comment var value out and put this inside the function start 
it will just work for one instance and code will stop. And if put it outside like its down below, the LOOP will keep on going long toggling red to green and back to red

var value = toggel(true)


//  after that i made a fucntion called "start" which will be called in 
1000 miliseconds of interval and every time its called i toggel the value 
of boolean value

function start()

{

function colorchanger()

{

  // var value = toggel(value)

  if (value == true)

  {

    return "red";

  }

  else

  {

    return "green";

      }

}

 out = colorchanger()

 console.log(out)

 header.style.color = out;

 value = toggel(value)

}

setInterval("start()", 1000);

1 Ответ

0 голосов
/ 28 декабря 2018

так доволен?

header = document.querySelector('h1');

setInterval(() => header.classList.toggle('onGreen') , 1000);
  h1 { 
    color:red;
  }
  h1.onGreen {
    color:green;
  }
<h1>H1 "Header"</h1>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...