JSFiddle - React, Tailwind, and code Playground

by Calvin Tomkins

HTML

<input name="code-q" id="code-q" type="text" placeholder="Enter Product Code">
<a href="#" id="load-q">Load Product</a>
<a href="#" id="add-q">Add Product</a>
<a href="#" id="clear-q">Clear Product</a>
<input name="product-name-q" id="product-name-q" type="text">
<input name="lead-time-q" id="lead-time-q" type="text">
<input name="price-q" id="price-q" type="number">
<input name="quantity-q" id="quantity-q" type="number">

JavaScript

$.ajax({
    beforeSend: function(xhr) {
        xhr.setRequestHeader ("Authorization", "Basic " + btoa('u' + ":" + '#bkr'));
    },
    dataType: "json",
    url: 'https://bakeritehq.com/internal/quotes/fetch-price.php?code=STT-351',
    success: function(data) {
        console.log(data);
    }
});