Программа на JavaScript подсчет цены за квадратный метр цвета

@booyako · Регистрация: 16.02.2011

Студворк — интернет-сервис помощи студентам

Ребята помогите. Я на JavaScript написал только несколько очень простых приложений, а так вообще почти не шарю.
Нужно сделать программку типа калькулятора.
Прога будет выглядеть так:

Программа на JavaScript подсчет цены за квадратный метр цвета

В текстовое поле Кв. метры(квадратные метры) будут вводиться количество метров
В текстовое поле Цвет будет вводиться цвет
После нажатия на кнопку расчитать в текстовом поле "Цена" выводится цена за количество квадратных метров цвета.
Т. е. программа подсчитывает сколько пользователю необходимо денег для оплаты материала (в данном случае - это цвет) который он вводит в текстовое поле "Цвет" - сюда он вводит какой именно цвет ему нужен, этот материал в квадратных метров - он должен ввести количество, сколькко ему нужно квадратных метров в поле "Кв. метры".
Цвета обычне - красный, синий, желтый, белый, черный, оранжевый, фиолетовый, голубой, зеленый
Ну а цена на каждый цвет например красный 4 рубля, синий 5 рублей и т. д.
Вот такая программа! Помогите кто-нибудь. Хотябы с чего нужно начинать. Хоть наведите на путь истиный
Ну вот так она будет выглядеть после нажатия кнопки рассчитать

При условии что синий цвет стоит 5 рублей за квадратный метр

@RosenR@t · 16.02.2011, 11:39

Именно на JS надо, я мог бы в общем помоч, если бы на пхп...

@booyako · 16.02.2011, 11:51 **[ТС]**

Сообщение от RosenR@t

Именно на JS надо, я мог бы в общем помоч, если бы на пхп...

Можно на php

Добавлено через 3 минуты
Так то на php я думаю для меня сложнее будет плюс нужно сервак устанавливать, а какой лучше сервак на php - кто работае не скажите?
У меня есть апач, но чето он как-то не очень работает, хамп тоже вообще не могу на нем он у меня тупит или версия просто беспантовая

Добавлено через 6 минут
В програмке необходимо создать файлик в котором будут указаны цвета, ну и на который прога будет ссылаться при подсчете

@RosenR@t · 16.02.2011, 11:52

Вот простейший код

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<form method="post" action="">
<input type="text" name="km">Кол во метров<br>
<input type="text" name="cvet">Цвет
<input type="submit" value="Ok">
</form>
<?
$km = $_POST['km'];
$cvet = $_POST['cvet'];
$cv = '';
if ($cvet == 'синий') $cv = 5;
$otvet = $cv*$km;
echo $otvet;
?>

Остально допишешь по мере надобности.
Поставь денвер - тебе хватит, код сохрани под именем index.php
и закинь в папку www, запусти денвер и в адресной строке напиши localhost

@booyako · 16.02.2011, 11:54 **[ТС]**

А на апаче заработает

@RosenR@t · 16.02.2011, 11:55

Заработает, если имеешь представление о том что такое апач и с чем его едят...
P. S. и если он правильно установлен...

@booyako · 16.02.2011, 11:59 **[ТС]**

ну если он правильно установлен можно же проверит путем вывода информации страница php info если откроется значит работает апач. Так ведь?

Добавлено через 1 минуту
Ну сейчас попробуем

@RosenR@t · 16.02.2011, 12:00

В общем да

@booyako · 16.02.2011, 12:06 **[ТС]**

В адресной строке прописал http://localhost/index.php
вылетает только сам код php страницы

@RosenR@t · 16.02.2011, 12:08

Значит апач работает не правильно, скачай денвер самый простой вариант
для начинающих разработчиков...
Полностью поставить сервер не так уж просто, не опытному в этом деле пользователю..

@Kdn · 16.02.2011, 12:25

booyako,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var Colors = new function(){
    var colors = [];
 
    var addColor = function(color,price){
        colors[color]=price;
    }    
    
    addColor('синий',5);
    addColor('красный',4);
 
    this.calc = function(color,val){
         try{
         var rezult = colors[color]*val;
         return isNaN(rezult)?'Ошибка':rezult;   
         }
         catch(ex){return ex.message;}
    }
}
 
Colors.calc('синий',234)//используем в качестве параметров данные из полей ввода

@booyako · 16.02.2011, 12:53 **[ТС]**

Спасибо!
Теперь мне нужно менять вот здесь я правильно понял

PHP
1
2
3
if ($cvet == 'синий') $cv = 5;
$otvet = $cv*$km;
echo $otvet;

Т. е. синий на любой другой и цену им менять. Да?

Добавлено через 6 минут
После функции if мне просто чередовать цвета или ставить and между:

PHP
1
2
3
4
if ($cvet == 'синий') $cv = 5; and if ($cvet == 'красный') $cv = 3;
или просто: 
if ($cvet == 'синий') $cv = 5;
if ($cvet == 'красный') $cv = 3;

или я вообще не правильно думаю
Но сечас попробую.

Добавлено через 2 минуты

Сообщение от Kdn

booyako,

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var Colors = new function(){
    var colors = [];
 
    var addColor = function(color,price){
        colors[color]=price;
    }    
    
    addColor('синий',5);
    addColor('красный',4);
 
    this.calc = function(color,val){
         try{
         var rezult = colors[color]*val;
         return isNaN(rezult)?'Ошибка':rezult;   
         }
         catch(ex){return ex.message;}
    }
}
 
Colors.calc('синий',234)//используем в качестве параметров данные из полей ввода

А тут разве отдельный файлик не надо создавать для хранения информации о цвете и цену за кв.м

@Kdn · 16.02.2011, 13:04

booyako, нет. Просто добавляешь скрипт на страницу. Там функция addColor добавляешь цвет и цену, и она хранится на странице в объекте Colors.
Ну а при нажатии кнопки типо такого пишешь:

JavaScript
1
2
3
function onButtonClick(){
document.getElementById('Rezult').value = Colors.calc(document.getElementById('color').value,document.getElementById('km').value)
}

Добавлено через 2 минуты
Кстати если список цветов будешь в качестве выпадающео списка делать,то его можно автоматом заполнять в функции addColor

@booyako · 16.02.2011, 13:08 **[ТС]**

Сообщение от Kdn

booyako, нет. Просто добавляешь скрипт на страницу. Там функция addColor добавляешь цвет и цену, и она хранится на странице в объекте Colors.
Ну а при нажатии кнопки типо такого пишешь:

JavaScript
1
2
3
function onButtonClick(){
document.getElementById('Rezult').value = Colors.calc(document.getElementById('color').value,document.getElementById('km').value)
}

Спасибо но я уже на php разобрался!

Добавлено через 3 минуты
Ребята благадарю Вас за помощь.
Есть на свете хорошие люди, может когда-нибудь Вам пригожусь, кто-знает.

ОТДЕЛЬНОЕ СПАСИБО ОТ ВСЕЙ ДУШИ ВЫРАЖАЮ RosenR@t
БЛАГОДАРЮ !!!

@Kdn · 16.02.2011, 13:13

booyako, смотри сам, чего сервак по пустякам дёргать

Новые блоги и статьи Все статьи Все блоги /
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .

@booyako 2 / 2 / 0 Регистрация: 16.02.2011 Сообщений: 20

	Программа на JavaScript подсчет цены за квадратный метр цвета 16.02.2011, 11:33. Показов 3842. Ответов 14 Метки нет (Все метки) Ребята помогите. Я на JavaScript написал только несколько очень простых приложений, а так вообще почти не шарю. Нужно сделать программку типа калькулятора. Прога будет выглядеть так: В текстовое поле Кв. метры(квадратные метры) будут вводиться количество метров В текстовое поле Цвет будет вводиться цвет После нажатия на кнопку расчитать в текстовом поле "Цена" выводится цена за количество квадратных метров цвета. Т. е. программа подсчитывает сколько пользователю необходимо денег для оплаты материала (в данном случае - это цвет) который он вводит в текстовое поле "Цвет" - сюда он вводит какой именно цвет ему нужен, этот материал в квадратных метров - он должен ввести количество, сколькко ему нужно квадратных метров в поле "Кв. метры". Цвета обычне - красный, синий, желтый, белый, черный, оранжевый, фиолетовый, голубой, зеленый Ну а цена на каждый цвет например красный 4 рубля, синий 5 рублей и т. д. Вот такая программа! Помогите кто-нибудь. Хотябы с чего нужно начинать. Хоть наведите на путь истиный Ну вот так она будет выглядеть после нажатия кнопки рассчитать При условии что синий цвет стоит 5 рублей за квадратный метр 0

@RosenR@t 136 / 136 / 7 Регистрация: 07.07.2010 Сообщений: 774
	16.02.2011, 11:39
	Именно на JS надо, я мог бы в общем помоч, если бы на пхп... 1

@booyako 2 / 2 / 0 Регистрация: 16.02.2011 Сообщений: 20
	16.02.2011, 11:54 [ТС]
	А на апаче заработает 0

@RosenR@t 136 / 136 / 7 Регистрация: 07.07.2010 Сообщений: 774
	16.02.2011, 11:55
	Заработает, если имеешь представление о том что такое апач и с чем его едят... P. S. и если он правильно установлен... 1

@booyako 2 / 2 / 0 Регистрация: 16.02.2011 Сообщений: 20
	16.02.2011, 11:59 [ТС]
	ну если он правильно установлен можно же проверит путем вывода информации страница php info если откроется значит работает апач. Так ведь? Добавлено через 1 минуту Ну сейчас попробуем 0

@RosenR@t 136 / 136 / 7 Регистрация: 07.07.2010 Сообщений: 774
	16.02.2011, 12:00
	В общем да 1

@booyako 2 / 2 / 0 Регистрация: 16.02.2011 Сообщений: 20
	16.02.2011, 12:06 [ТС]
	В адресной строке прописал http://localhost/index.php вылетает только сам код php страницы 0

@RosenR@t 136 / 136 / 7 Регистрация: 07.07.2010 Сообщений: 774
	16.02.2011, 12:08
	Значит апач работает не правильно, скачай денвер самый простой вариант для начинающих разработчиков... Полностью поставить сервер не так уж просто, не опытному в этом деле пользователю.. 1

@Kdn 307 / 165 / 25 Регистрация: 07.02.2011 Сообщений: 319
	16.02.2011, 13:13
	booyako, смотри сам, чего сервак по пустякам дёргать 1