JSFiddle - React, Tailwind, and code Playground

by natalipolishuk

HTML

<div id="page-right-hotel-wrapper">
    <hr />
    <form>
        <p>Minimum price: &euro;<span id="hotel-range-min-value">0</span>
        </p>
        <input id="hotel-range-min" type="range" min="0" max="200" value="20" />
        <p>Maximum price: &euro;<span id="hotel-range-max-value">200</span>
        </p>
        <input id="hotel-range-max" type="range" min="0" max="200" value="200" />
        <button id="hotel-submit-btn" type="button">Find hotel</button>
    </form>
    <div id="page-right-hotel-result-wrapper"></div>
</div>

JavaScript

$(document).ready(function () {
       $("#hotel-submit-btn").click(function () {
           var url = $("#hotel-range-min").attr('value');
           alert($("#hotel-range-min").attr('value'));
           $.ajax({
               type: 'GET',
               dataType: 'json',
               // data: 'data=yeah',
               //json: 'callback',
               url: 'http://localhost:5000/getHotel/' + url + '/100'
           })

           //.done(function getHotelInfo() {
           .done(function (response) {
               console.log('hi');
               //mycode
           });
       });

   });