Работа с классами и массивом

[Fareastaz]

Добрый день прошу помощи или совета реализовать данную вещь:

есть 2 input для ввода данных товара title и price:

<div id="cart" name="cart">

<div id="item_title" name="item_title" class="item_title">
<h4>Book title</h4>
<input type = "text" value=""  id="item_title"><br />
</div>

<div id="item_price" name="item_price" class="item_price">
<h4>Price</h4>
<input type = "text" value=""  id="item_price"><br />
</div>
<br/>
<input type="button" value="Submit" class="button" onclick="submit();">
<input type="button" value="checkout" class="button" onclick="checkout();">

</div>

По кнопке submit должен создаваться товар с названием и ценой (поля item_title и item_price)

А по кнопке checkout нужно вывести список всех товаров с ценами которые были введены и итоговую стоимость всех.

я начал с создания класса то есть при нажатии submit создаю класс таким образом: //creating class

function submit (title, price) {
    this.title = document.getElementById("item_title").value;
    this.price = document.getElementById("item_price").value;

}

Дальше как я представляю надо занести эти данные в массив при каждом нажатии submit а потом из маcсива надо вычислить поле item_price и вывести все item_title. Подскажите пожайлуста как эти классы в массив занести и подсчитать.

[s0rr0w]

Дальше как я представляю надо занести эти данные в массив при каждом нажатии submit а потом из маcсива надо вычислить поле item_price и вывести все item_title. Подскажите пожайлуста как эти классы в массив занести и подсчитать.

Массив может не помочь, если у тебя разные товары находятся на разных страницах и в разных окнах браузера.

Универсальнее всего сделать при помощи ajax'a и хранить данные на сервере в той же сессии. Т.е при нажатии на кнопку, передавать эти данные на сервер, в ответ получать массив со списком добавленных товаров.

Можно еще хранить данные локально, в localStorage, но беда как всегда с ИЕ.

[Fareastaz]

Дальше как я представляю надо занести эти данные в массив при каждом нажатии submit а потом из маcсива надо вычислить поле item_price и вывести все item_title. Подскажите пожайлуста как эти классы в массив занести и подсчитать.

Массив может не помочь, если у тебя разные товары находятся на разных страницах и в разных окнах браузера.

Универсальнее всего сделать при помощи ajax'a и хранить данные на сервере в той же сессии. Т.е при нажатии на кнопку, передавать эти данные на сервер, в ответ получать массив со списком добавленных товаров.

Можно еще хранить данные локально, в localStorage, но беда как всегда с ИЕ.

Спасибо конечно за наводку но ajax мы еще не проходили(препод задал)..рад бы конечно узнать новую технологию но задачка препдолагает исползование массива и класса..по идее должно быть просто просто непойму как в массив добавить данные из класса...

[s0rr0w]

Спасибо конечно за наводку но ajax мы еще не проходили(препод задал)..рад бы конечно узнать новую технологию но задачка препдолагает исползование массива и класса..по идее должно быть просто просто непойму как в массив добавить данные из класса...

Одним массивом обойтись можно, если допустимо использовать объекты. Нужно для начала сделать временный объект, который будет иметь структуру { title: titleValuel, price: priceValue }, а потом только уже делать push этого объекта в массив