Передать количество кликов в переменную и вставить её в другую функцию

Question

let clicks = 0;

function Click() {
  clicks += 1;
  let bob = clicks;
};
let block = document.getElementById("but1")

function foo() {
  let elem = document.getElementById("c" + bob);
  if (clicks = 1) {
    elem.style.background = "red";
  } else if (clicks = 2) {
    elem.style.background = "yellow";
  } else {
    elem.style.background = "green";
  }
}

<div id="b1" class="block">
  <div id="c1" class="circle1"></div>
  <div id="c2" class="circle2"></div>
  <div id="c3" class="circle3"></div>
  <div id="but1" class="babyblock" onclick="Click()" , onclick="foo"> NEXT </div>
</div>

Грубо говоря надо чтобы переменная bob(количество кликов по обьекту), одновременно и влияла на функцию "foo" и изменялась в функцие "Click". В браузере ошибки не выдает, просто молчание

Фулл код:

<!DOCTYPE html>
<html lang="en">

<head>
  <link href="./HW4.css" rel="stylesheet" type="text/css">
  <title>JS</title>
</head>

<body>
  <div class="container">
    <div id="b1" class="block">
      <div id="c1" class="circle1"></div>
      <div id="c2" class="circle2"></div>
      <div id="c3" class="circle3"></div>
      <div id="but1" class="babyblock" onclick="Click()" , onclick="foo"> NEXT </div>
    </div>
  </div>
</body>
<script>
  let clicks = 0;

  function Click() {
    clicks += 1;
    let bob = clicks;
  };
  let block = document.getElementById("but1")

  function foo() {
    let elem = document.getElementById("c" + );
    if (elem = "c1") {
      elem.style.background = "red";
    } else if (elem = "c2") {
      elem.style.background = "yellow";
    } else {
      elem.style.background = "green";
    }
  }
</script>

</html>

БЛОГ НА HUSL

Передать количество кликов в переменную и вставить её в другую функцию

Ответы (0 шт):