<!-- Include jQuery --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!-- Include jQuery UI --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> <!-- Include jQuery UI Touch Punch --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js"></script> <script> function updateCurrencySymbol() { var selectedCurrency = $("#currency").val(); $(".marker").each(function () { $(this).find("sup").text(getCurrencySymbol(selectedCurrency)); // Update currency symbol on the range container $(".range-value sup").text(getCurrencySymbol(selectedCurrency)); }); } function getCurrencySymbol(currencyCode) { switch (currencyCode) { case "USD": return "$"; case "EUR": return "€"; case "GBP": return "£"; default: return "$"; } } $(function () { // Initiate Slider $('#slider-range').slider({ range: true, min: 500, max: 200000, step: 500, values: [45000, 75000], touch: true, slide: function (event, ui) { // Update currency symbol on the range container var currencySymbol = getCurrencySymbol($("#currency").val()); $('.range-value sup').text(currencySymbol); // Update the range container values upon sliding $('.range-value').eq(0).html('<sup>' + currencySymbol + '</sup>' + ui.values[0].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); $('.range-value').eq(1).html('<sup>' + currencySymbol + '</sup>' + ui.values[1].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); // Get old value var previousVal = parseInt($(this).data('value')); // Save new value $(this).data({ 'value': parseInt(ui.value) }); // Figure out which handle is being used if (ui.values[0] == ui.value) { // Left handle if (previousVal > parseInt(ui.value)) { // value decreased gearOneAngle -= 7; $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } else { // value increased gearOneAngle += 7; $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } } else { // Right handle if (previousVal > parseInt(ui.value)) { // value decreased gearOneAngle -= 7; $('.gear-two').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } else { // value increased gearOneAngle += 7; $('.gear-two').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } } if (ui.values[1] === 110000) { if (!$('.range-alert').hasClass('active')) { $('.range-alert').addClass('active'); } } else { if ($('.range-alert').hasClass('active')) { $('.range-alert').removeClass('active'); } } } }); // Move the range wrapper into the generated divs $('.ui-slider-range').append($('.range-wrapper')); // Apply initial values to the range container $('.range').html('<span class="range-value"><sup>$</sup>' + $('#slider-range').slider("values", 0).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '</span><span class="range-divider"></span><span class="range-value"><sup>$</sup>' + $("#slider-range").slider("values", 1).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '</span>'); // Show the gears on press of the handles $('.ui-slider-handle, .ui-slider-range').on('mousedown touchstart', function () { $('.gear-large').addClass('active'); }); // Hide the gears when the mouse is released // Done on document just in case the user hovers off of the handle $(document).on('mouseup touchend', function () { if ($('.gear-large').hasClass('active')) { $('.gear-large').removeClass('active'); } }); // Rotate the gears var gearOneAngle = 0, gearTwoAngle = 0, rangeWidth = $('.ui-slider-range').css('width'); $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)'); $('.gear-two').css('transform', 'rotate(' + gearTwoAngle + 'deg)'); // Prevent the range container from moving the slider $('.range, .range-alert').on('mousedown touchstart', function (event) { event.stopPropagation(); }); // Initialize currency symbol on markers updateCurrencySymbol(); }); </script>
fix invalid code: def add(a, b): return a - b ``` def add(a, b): return a + b ``` fix invalid code: <!-- Include jQuery --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <!-- Include jQuery UI --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> <!-- Include jQuery UI Touch Punch --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js"></script> <script> function updateCurrencySymbol() { var selectedCurrency = $("#currency").val(); $(".marker").each(function () { $(this).find("sup").text(getCurrencySymbol(selectedCurrency)); // Update currency symbol on the range container $(".range-value sup").text(getCurrencySymbol(selectedCurrency)); }); } function getCurrencySymbol(currencyCode) { switch (currencyCode) { case "USD": return "$"; case "EUR": return "€"; case "GBP": return "£"; default: return "$"; } } $(function () { // Initiate Slider $('#slider-range').slider({ range: true, min: 500, max: 200000, step: 500, values: [45000, 75000], touch: true, slide: function (event, ui) { // Update currency symbol on the range container var currencySymbol = getCurrencySymbol($("#currency").val()); $('.range-value sup').text(currencySymbol); // Update the range container values upon sliding $('.range-value').eq(0).html('<sup>' + currencySymbol + '</sup>' + ui.values[0].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); $('.range-value').eq(1).html('<sup>' + currencySymbol + '</sup>' + ui.values[1].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); // Get old value var previousVal = parseInt($(this).data('value')); // Save new value $(this).data({ 'value': parseInt(ui.value) }); // Figure out which handle is being used if (ui.values[0] == ui.value) { // Left handle if (previousVal > parseInt(ui.value)) { // value decreased gearOneAngle -= 7; $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } else { // value increased gearOneAngle += 7; $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } } else { // Right handle if (previousVal > parseInt(ui.value)) { // value decreased gearOneAngle -= 7; $('.gear-two').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } else { // value increased gearOneAngle += 7; $('.gear-two').css('transform', 'rotate(' + gearOneAngle + 'deg)'); } } if (ui.values[1] === 110000) { if (!$('.range-alert').hasClass('active')) { $('.range-alert').addClass('active'); } } else { if ($('.range-alert').hasClass('active')) { $('.range-alert').removeClass('active'); } } } }); // Move the range wrapper into the generated divs $('.ui-slider-range').append($('.range-wrapper')); // Apply initial values to the range container $('.range').html('<span class="range-value"><sup>$</sup>' + $('#slider-range').slider("values", 0).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '</span><span class="range-divider"></span><span class="range-value"><sup>$</sup>' + $("#slider-range").slider("values", 1).toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '</span>'); // Show the gears on press of the handles $('.ui-slider-handle, .ui-slider-range').on('mousedown touchstart', function () { $('.gear-large').addClass('active'); }); // Hide the gears when the mouse is released // Done on document just in case the user hovers off of the handle $(document).on('mouseup touchend', function () { if ($('.gear-large').hasClass('active')) { $('.gear-large').removeClass('active'); } }); // Rotate the gears var gearOneAngle = 0, gearTwoAngle = 0, rangeWidth = $('.ui-slider-range').css('width'); $('.gear-one').css('transform', 'rotate(' + gearOneAngle + 'deg)'); $('.gear-two').css('transform', 'rotate(' + gearTwoAngle + 'deg)'); // Prevent the range container from moving the slider $('.range, .range-alert').on('mousedown touchstart', function (event) { event.stopPropagation(); }); // Initialize currency symbol on markers updateCurrencySymbol(); }); </script> ```