Ссылка на внешний файл javascript в HTML - PullRequest
Новая
       2

Ссылка на внешний файл javascript в HTML

0 голосов
/ 10 января 2020

Я пытаюсь сослаться на файл javascript внутри файла HTML в той же папке, используя Atom, но я продолжаю получать сообщение об ошибке «документ не определен» при попытке запустить файл js. Я включил тег script с компонентом sr c, ссылающимся на файл js, но продолжаю получать эту ошибку. Я включу свой код ниже, любой совет с благодарностью.

HTML: 

<!DOCTYPE html>
<html>
<head>
    <title>Shopping Cart</title>
</head>
<body onload="load()">
<h1> Product List</h1>
<table border='1' id='table'>
  <tr>
    <td>Description</td>
    <td>Price</td>
    <td>Quantity</td>
  </tr>
  <tr>
    <td id="orange">Orange</td>
    <td id="orangePrice">0.99</td>
    <td><input type="number" id="orangeQty"></td>
  </tr>
  <tr>
    <td id="apple">Apple</td>
    <td id="applePrice">1.49</td>
    <td><input type="number" id="appleQty"></td>
  </tr>
  <tr>
    <td id="bread">Bread</td>
    <td id="breadPrice">3.99</td>
    <td><input type="number" id="breadQty"></td>
  </tr>
  <tr>
    <td id="milk">Milk</td>
    <td id="milkPrice">4.99</td>
    <td><input type="number" id="milkQty"></td>
  </tr>
  <tr>
    <td id="yogurt">Yogurt</td>
    <td id="yogurtPrice">2.99</td>
    <td><input type="number" id="yogurtQty"></td>
  </tr>
  <tr>
    <td id="banana">Banana</td>
    <td id="bananaPrice">0.50</td>
    <td><input type="number" id="bananaQty"></td>
  </tr>
</table>
<input type="button" id="view" value="Add to Cart" onclick="ShoppingCart:addToCart()">
<a href="viewCart.html">View Cart</a>
<script type="text/javascript" src="ShoppingCart.js"></script>
  </body>
  </html>

JAVASCRIPT FILE 

function viewItems() {

}

function addToCart() {
  var cart = [];
  var name = [{orange: document.getElementById("orange")}, {apple: document.getElementById("apple")},
              {bread: document.getElementById("bread")}, {milk: document.getElementById("milk")},
                {yogurt: document.getElementById("yogurt")}, {banana: document.getElementById("banana")}];
  var price = [{orangePrice: document.getElementById("orangePrice")}, {applePrice: document.getElementById("applePrice")},
              {breadPrice: document.getElementById("breadPrice")}, {milkPrice: document.getElementById("milkPrice")},
                {yogurtPrice: document.getElementById("yogurtPrice")}, {bananaPrice: document.getElementById("bananaPrice")}];
  var qty = [{orangeQty: document.getElementById("orangeQty")}, {appleQty: document.getElementById("appleQty")},
              {breadQty: document.getElementById("breadQty")}, {milkQty: document.getElementById("milkQty")},
                {yogurtQty: document.getElementById("yogurtQty")}, {bananaQty: document.getElementById("bananaQty")}];

  for (var i=0; i < qty.length; i++) {
    if (qty[i] > 0) {
      cart.push({name: name[i], price:price[i], qty:qty[i]});
    }
  }

}

function viewCart() {

}
...