Hi Campers.
In November last year I posted a question in the forum about using forms in to populate a form.
Since then I have been coding away on my own and I have come pretty far. I have a page that pretty much works the way I intended . But do have a problem with decimal. As I need to have a prize displayed I want to have two decimals displayed at all times. Either 8.50 or 9.00 for example.
Please see my pizza project here.
I now use jQuery for the DOM Manipulation. For example the prize on the Pizza of the House works like this.
- In a JSON, file I have the whole menu stored. Each pizza being an object, and in this case prize: 5.00
- In the JavaScript file I loop trough the JSON, including the Pizza of the House and its prize. $itemPrize is a number input field in the form that takes it value from the JSON.
- Each menu item (which in fact is a form) is appended to an empty div #items.
- Once a menu item’s ‘Add to order’ button is clicked #order-form is populated by an order item. A total amount of the order is also added.
The prize in never displayed with zero decimals. I also get an error clicking submit saying ‘Enter a valid value’.
I have googled a lot about type conversion ,but all examples I have found are about converting variables. In my case the prize value is the value of a input field (which I understand always defaults to a string) I am not sure if type conversion is the problem at all really, I suspect I might be looking at the problem in the wrong way.
Please help me start untangling the decimal problem.