Спасибо, получилось!!!
Теперь я хочу добавить товаров в форму (из планируется 3 штуки).
Делаю разметку такой:
<form>
<table id="zakazTable">
<tr>
<td><span>Венге</span></td>
<td>
<input type="text" value="" id="quantity">
<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
</td>
</tr>
<tr>
<td><span>Орех гварнери</span></td>
<td>
<input type="text" value="" id="quantity">
<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
</td>
</tr>
<tr>
<td><span>Клен медисон</span></td>
<td>
<input type="text" value="" id="quantity">
<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
</td>
</tr>
</table>
<div id="zayavka"></div>
</form>
Код JS согласно внесенным изменениям:
function someFunc(){
var quantity = document.getElementById("quantity").value; // Объявляем переменную равную значению введенному в поле количество
var price = quantity * 9000; // Объявляем переменную равную общей стоимости (кол-во * цену одного товара)
var tovar = document.getElementsByTagName('span')[0].innerHTML; // Получаем доступ к содержимому элемента <span> с названием цвета товара
var totalprice = price;
document.getElementById("zayavka").innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>\n <p>Итого: "+totalprice+" руб.</p>";;
//var div = document.createElement("div"); // Создаем элемент div
//div.innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>\n <p>Итого: "+totalprice+" руб.</p>"; // Наполняем созданный div содержанием с подстановкой значения price
// Все вкладывается в <div id=zayavka></div>
return false;
//alert(tovar);
}
проблема в том, что теперь по нажатию Заказать у 2 или 3 товара, функция не срабатывает либо отрабатывает значение первого товара. В чем может быть проблема?