Как получить код javascript в другом файле, чем html? - PullRequest
Новая
       22

Как получить код javascript в другом файле, чем html?

1 голос
/ 24 марта 2020

Я создаю калькулятор, и это мой html для калькулятора HTML

      <div id=”calculator”>
        <input type="text" name="display" id="display" disabled>
        <div class="first-row">
          <input type="button" name="operator" value="+" action="add">
          <input type="button" name="operator" value="-" action="subtract">
          <input type="button" name="operator" value="*" action="multiple">
          <input type="button" name="operator" value="/" action="divide">
        </div>
        <div class="second-row">
          <input type="button" class="number" value="7">
          <input type="button" class="number" value="8">
          <input type="button" class="number" value="9">
        </div>
        <div class="third-row">
          <input type="button" class="number" value="4">
          <input type="button" class="number" value="5">
          <input type="button" class="number" value="6">
        </div>
        <div class="fourth-row">
          <input type="button" class="number" value="1">
          <input type="button" class="number" value="2">
          <input type="button" class="number" value="3">
        </div>
        <div class="fifth-row">
          <input type="button" class="number" value="0" onclick="numberPress('0')">
          <input type="button" class="operator" value="=">
        </div>
      </div>

     <script type="text/javascript" src="../javascript/calculator.js"></script>

Так что в моем коде javascript он проверяет, является ли нажатая кнопка оператором, тогда если это так, тогда он выводит «оператор» в консоли.

Javascript

    const calculator = document.getElementById("calculator")
    calculator.addEventListener("click", e => {
        if (e.target.matches("input")) {
            key = e.target
            name = e.target.name
            if(name == "operator") {
                console.log("operator")     
            }
        }
    })

Проблема в том, что для первой строки он не находит идентификатор калькулятора и его хранит ноль в калькуляторе. Итак, я попытался поместить javascript в тот же файл, но все равно он не работает. Любая помощь будет очень ценится

1 Ответ

3 голосов
/ 24 марта 2020

Вы не используете этот символ "

Вы используете этот символ ”

Таким образом, вы пишете ”calculator” вместо "calculator" в вашем HTML

Вы должны использовать обычный кавычки в HTML

...