Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 10.05.2017
Сообщений: 19

Стоимость покупки в интернет-магазине Javascript

06.11.2017, 14:28. Показов 1826. Ответов 2

Студворк — интернет-сервис помощи студентам
Помогите пожалуйста решить задание
Создать документ с формой, содержащей 1 список, 2 текстовых поля и 2 кнопки: для подтверждения ввода и перевода формы в первоначальный вид, для оформления заказа покупки в Интернет магазине. В магазине продаются ручки по 6 руб., карандаши – по 3 руб. и фломастеры – по 15 руб. Пользователю предоставляется возможность выбрать из списка товаров какой-то один и ввести количество товара, которое он хочет купить. После составления заказа, в поле формы выводится стоимость заказа.
Вот мой код:
<!DOCTYPE html>
<html>
<head>
<title>Покупка в интернет-магазине</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/JavaScript">
function stoimostzakaza ()
{
var a=forma1.pokypka.value;
var b=forma1.kolvo.value;
var s=a*b;
return forma1.stoimost.value=s;
}
</script>
</head>
<body>
Цена <b>ручки</b> за 1 шт 6 рублей<br>
Цена <b>карандаша</b> за 1 шт 3 рубля<br>
Цена <b>фломастера</b> за 1 шт 15 рублей<br><br>
<form name="forma1">
Выберите один товар из списка:<br>
<select name="pokypka" size="3">
<option value="ruchka">6</option>
<option value="karandah">3</option>
<option value="flomaster">15</option>
</select>
<br>
Введите количество выбранного товара:<br>
<input type="text" name="kolvo" id="kolvo" value="" size="10"/><br><br>
<input type="submit" value="Посчитать стоимость" onDblClick="stoimostzakaza();">
<input type ="reset" value="Cброс данных"/><br>
Стоимость заказа:<br>
<input type="text" name="stoimost" name="stoimost" value="" size="10"/><br><br>
<input type="submit" value="Сделать заказ">
</form>
</body>
</html>
не могу понять почему не работает,заранее благодарю за помощь!
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
06.11.2017, 14:28
Ответы с готовыми решениями:

Как на JavaScript реализовать постраничное разбиение товаров в интернет-магазине?
Всем привет! Есть массив товаров длиной 100 элементов. На странице допускается к показу 16 товаров. Нужно, чтобы при переходе...

Изменить процесс покупки в интернет-магазине на PrestaShop
Здравствуйте. Мне нужно упростить процесс покупки, чтобы после нажатия кнопки Далее в Корзине переходило сразу на страницу с...

Написать программу, вводящую сумму покупки и вычис-ляющую: а) стоимость доставки; б) стоимость покупки вместе с доставкой
Супермаркет доставляет продукты питания на дом. Эта услуга оплачивается сле-дующим образом: если сумма покупки не превышает 600 рублей, то...

2
 Аватар для evikza
968 / 530 / 244
Регистрация: 20.05.2015
Сообщений: 776
06.11.2017, 16:32
Anastasy_01_,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
 
<head>
 <meta charset="UTF-8">
 <title>Покупка в интернет-магазине</title>
</head>
<script>
 function countTheOrder() {
  var a = selectItem.value;
  var b = amount.value;
  return (cost.value = a * b);
 }
</script>
 
<body>
 <form name="order" id="order" action="#">
     <label>Выберите один товар из списка:</label>
     <br>
  <select id="selectItem" size="3">
    <option value="6">Ручка - 6 рублей шт.</option>
    <option value="3">Карандаш - 3 рубля шт.</option>
    <option value="15">Фломастер - 15 рублей шт.</option>
    </select>
  <br>
  <label>Введите количество выбранного товара:</label>
  <br>
  <input type="text" name="amount" id="amount">
  <br>
  <input type="submit" value="Посчитать стоимость" onclick="countTheOrder(); return false;">
  <input type="reset" value="Cброс данных">
  <br>
  <label>Стоимость заказа:</label>
  <br>
  <input type="text" name="cost" id="cost">
  <br>
  <input type="submit" value="Сделать заказ" onclick="alert('Вы будете перенаправлены на страницу оплаты!')">
 </form>
</body>
 
</html>
0
0 / 0 / 0
Регистрация: 10.05.2017
Сообщений: 19
07.11.2017, 17:42  [ТС]
Большое спасибо!
0
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru