[エンタープライズコラボレーション]3日目


08:30から09:30までジム
10時に会社の公共事務室に到着します.
毎日射手に任務を割り当てられる.
Vanilla JSでコードを書くので、基礎から学び直すという気持ちでGoogle学習に取り組んでいます.

中に値段があれば、requireは消え、値段がなければ、出させておけばいいのです.
      var input = document.getElementById("input-name");
      var log = document.getElementById("values");

      input.addEventListener("input", updateValue);

      function updateValue(e) {
        var result = e.target.value;

        // console.log(result.length);
        // console.log(document.body.appendChild(log));

        if (result.length === 0) {
          log.innerText = "Required";
        } else {
          log.innerText = "";
        }
      }
反応するときにJavaScriptを作ろうと思ったのですが、最初はちょっと難しかったのですが、今また理解し始めました.
varと宣言した理由は、let、constを使用すると、サポートされていないブラウザがあるのでvarと宣言すると射手が教えてくれたからです.
まず要素にアクセスしなければならないのでdocument.getElemetByIdを使用して各値にアクセスします.
addEventListenerはinputというメソッドを使用して関数を呼び出し、inputタグの値が変更されるたびに中の値を認識します.
関数にe.targetがあります.valueを使用して値を1つも持たないでrequiredを生成し、値があれば消えます.