如何手動測試JavaScript？

Question

我正在嘗試通過使用Best Buy產品API創建一個簡單的價格檢查網站來學習JavaScript。

如何“運行” JavaScript？ 我的表單接受一個產品ID號（SKU），並在提交時將其發送給validateSKU（）。 函數processData（data）使用SKU搜索產品。

當我測試該站點時，什么都沒有發生，任何幫助都會很大。 謝謝！

 <!DOCTYPE html> <html> <head> <title>Learn JavaScript</title> </head> <body> <form id="bestBuyForm" name="bestBuyForm" onsubmit="validateSKU()"> <input id="SKU" name="SKU" required="" type="text"> <label for="SKU">SKU</label> <input id="email" name="email" type="email"> <label for="email">Email</label> <input class="button" id="submit" name="submit" type="submit"> </form> <script> function validateSKU() { var SKU = document.forms["bestBuyForm"]["SKU"].value; var bby = require('bestbuy')('process.env.BBY_API_KEY'); var search = bby.products('sku=' + SKU); search.then(processData); } function processData(data) { if (!data.total) { console.log('No products found'); } else { var product = data.products[0]; console.log('Name:', product.name); console.log('Price:', product.salePrice); } } </script> </body> </html>

Answer 1

使用Web控制台查看會發生什么，並閱讀有關控制台API的信息。

嘗試將validateSKU與HTML元素的addEventListener方法綁定。 此外，您還應防止默認表單行為，該行為會導致在提交時重新加載頁面。 調用event.preventDefault() 。

工作示例代碼：

<html>
  <form id="someForm">
      ...
      <button type="submit">Submit</submit>
  </form>
  <script>
    function validateSKU(event) {
      console.log('IT works');
      event.preventDefault();
      // ...here your code
    }

    var form = document.getElementById('someForm');

    form.addEventListener('submit', validateSKU, false);
  </script>
</html>

如何手動測試JavaScript？

問題描述

1 個解決方案

解決方案1
0 2016-05-25 12:51:17

如何手動測試JavaScript？

問題描述

1 個解決方案

解決方案1 0 2016-05-25 12:51:17

解決方案1
0 2016-05-25 12:51:17