Display price between given dates

Question

Here is the structure and data of my price

if number is between 0 and 2000 (or in other word the number is less then 2000) - then must appear tax "20" if number is between 2001 and 5000 - then must appear tax 35

Price:<input type=text name=price><br>
Tax: <input type=text name=tax>

So, what have you tried? – Reinder Wit May 06 '14 at 09:14 — Reinder Wit, May 06 '14 at 09:14
The question is: "Can you do my work for me pls?" – Getz May 06 '14 at 09:18 — Getz, May 06 '14 at 09:18

Tifa · Accepted Answer · 2014-05-06T12:05:03.843

First you should add labels for your inputs, they are linked to the input with ids

<label for="priceInput">Price:</label><input id="priceInput" type=text name=price><br>
<label for="taxInput">Tax:</label><input id="taxInput" type=text name=tax>

And in your jquery:

//Function is executed when the priceInput is changed, so when you enter a value
$("#priceInput").change(function(){
    //Test if the value of the input is < 2000 and >0
    if (($( "#priceInput" ).val()<2000) && ($("#priceInput").val()>0)) {
        //Set the value of the tax input to 20
        $("#taxInput").val(20)
    }
    //test if tyhe value is >2000 and <5000
    else if(($( "#priceInput" ).val()<5000) && ($("#priceInput").val()>2000)){
        $("#taxInput").val(35)
    }
    else{
        $("#taxInput").val("")
    }
});

JSFiddle link

I've edited me post, just make a change event listener and everything should work fine — Tifa, May 06 '14 at 12:06

score 0 · Answer 2 · edited May 06 '14 at 09:38

0

function setPrice()
{ 
    if ($('[name=price]').val() < 2000)
    {
        $('[name=tax]').val(20);
    }
    else
    {
        $('[name=tax]').val(35);
    }
}

edited May 06 '14 at 09:38

Regent

5,142
3
21
35

answered May 06 '14 at 09:24

deadulya

686
6
15

1

Avoid that expanded style for braces in JavaScript http://stackoverflow.com/a/3218860/2375207 – nicolallias May 06 '14 at 09:40

Display price between given dates

2 Answers2