Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/34: Рейтинг темы: голосов - 34, средняя оценка - 4.71
0 / 0 / 0
Регистрация: 31.01.2017
Сообщений: 3
1

Онлайн сайт для кинотеатра сделать выбор мест места

17.03.2017, 16:09. Показов 6177. Ответов 5
Метки нет (Все метки)

Здравствуйте,мне дали задание а я еще молодой веб-дизайнер и не понимаю как сделать чтобы он считал сколько мест я выбрал.
Вот код он получается делает 3 квадрата при нажатие на которое он меняет цвет как в онлайн кинотеатре при выборе мест но,я не знаю как написать функцию которая будет считать сколько именно я мест выбрал.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function myalert(){
alert(a);
}
</script>
</head>
 
<body>
<form name="farma1">
<input  style="background-color:#CC0033; width:20px; height:20px; padding:10px; float:left; margin:3px;" 
id="my_but" value="1" onclick="document.getElementById('my_but').style.backgroundColor='#A582FF'; window.a=1;">
 
<input  style="background-color:#CC0033; width:20px; height:20px; padding:10px; float:left; margin:3px;" 
id="my_but1" value="2" onclick="document.getElementById('my_but1').style.backgroundColor='#A582FF'; window.a=2;">
 
<input  style="background-color:#CC0033; width:20px; height:20px; padding:10px; float:left; margin:3px;" 
id="my_but2" value="3" onclick="document.getElementById('my_but2').style.backgroundColor='#A582FF';window.a=3;">
<br><br><br><br>
<input type="button" name="res" value="выбрать" onclick="myalert()"/>
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.03.2017, 16:09
Ответы с готовыми решениями:

Выбор хостинга для онлайн кинотеатра
Доброго времени суток. Подскажите пж несколько хостинг с высоким аптаймом, с простой установкой...

Информационная Система для кинотеатра с планом кинозала и выбором мест
:help: Помогите пожалуйста ...нужно создать информационную систему для кинотеатра с планом кинозала...

Хостинг для онлайн кинотеатра
Доброго времени суток! Я пишу онлайн кинотеатр (фильмы, сериалы), который содержит ссылки на...

Выбор проектора для домашнего кинотеатра
Добрый вечер! Хочу сделать в загородном доме домашний кинотеатр. Решил выбрать проектор. Однако...

5
Фрилансер
Эксперт JSЭксперт HTML/CSSЭксперт PHP
1840 / 1338 / 597
Регистрация: 12.01.2011
Сообщений: 5,387
17.03.2017, 20:53 2
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
<div class="cinoteatr">
       <div id='count_'></div>
        <div class="mesta">1</div>
        <div class="mesta">2</div>
        <div class="mesta">3</div>
        <div class="mesta">4</div>
        <div class="mesta">5</div>
        <div class="mesta">6</div>
        <div class="mesta">7</div>
        <div class="mesta">8</div>
        <div class="mesta">9</div>
        <div class="mesta">10</div>
        <div class="mesta">11</div>
        <div class="mesta">12</div>
        <div class="mesta">13</div>
        <div class="mesta">14</div>
        <div class="mesta">15</div>
        <div class="mesta">16</div>
        <div class="mesta">17</div>
        <div class="mesta">18</div>
        <div class="mesta">19</div>
        <div class="mesta">20</div>
       
       
       
   </div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 var l = document.getElementsByClassName('mesta');   
            function Count_Mest (){
                let z_mest = 0;
                    for(let i=0;i<l.length;i++){
                        if(l[i].style.background=='red'){
                                z_mest++;
                        }
                    }
                return z_mest;
}
        for(let i=0;i<l.length;i++){
            l[i].onclick = function(){
                this.style.background='red';
                    document.getElementById('count_').innerHTML = 'Выбрано мест : '+Count_Mest ();
            }
        }
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 .cinoteatr{
        width: 650px;
        float: left;
        
    }
    .mesta{
        float:left;
        width: 60px;
        height: 15px;
        background: silver;
        margin: 1px;
        text-align: center;
        cursor: pointer;
    }
0
Фрилансер
Эксперт JSЭксперт HTML/CSSЭксперт PHP
1840 / 1338 / 597
Регистрация: 12.01.2011
Сообщений: 5,387
17.03.2017, 20:53 3
Лучший ответ Сообщение было отмечено Maloy154 как решение

Решение

Kino.rar
1
0 / 0 / 0
Регистрация: 31.01.2017
Сообщений: 3
17.03.2017, 21:15  [ТС] 4
Спасибо огромное,помогли очень!
0
Lazy_Den
18.03.2017, 04:11
  #5

Не по теме:

Цитата Сообщение от Azdeman Посмотреть сообщение
cinoteatr, mesta
Улыбнуло ))

0
Фрилансер
Эксперт JSЭксперт HTML/CSSЭксперт PHP
1840 / 1338 / 597
Регистрация: 12.01.2011
Сообщений: 5,387
18.03.2017, 13:11 6
Цитата Сообщение от Lazy_Den Посмотреть сообщение
Улыбнуло ))

Не по теме:

Я рад что поднял настроение :D

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.03.2017, 13:11

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Выбор техники для домашнего кинотеатра
Здравствуйте. Захотел сделать у себя в подвале хороший кинотеатр.Так-же просмотр концертов и...

Выбор места для сохранения БД
Хочется сделать, чтобы по кнопке массив сохранялся в базу данных, а куда сохранить эту бд выбирал...

В зале насчитывающем 12 мест, случайным образом занимают места 8 человек
в зале, насчитывающем 12 мест, случайным образом занимают места 8 человек. какова вероятность того,...

Выбор места для хранения текста в программе
Добрый вечер. Мне в программе надо выводить на экран небольшой текст на родном языке (50 строк по...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.