Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 24.06.2018, 15:21   #1
良猫です
Новичок
Джуниор
 
Регистрация: 24.06.2018
Сообщений: 1
По умолчанию Нужна помощь с условием

Помогите пожалуйста. У меня есть четыре кнопки и инпут, мне нужно, чтобы можно было вводить только определенные цифры, если у одной кнопки цвет отличается от других в инпут. Заранее спасибо)

Код:
<button id="b2" class="b">Кнопка 1</button> 
<button id="b8" class="b">Кнопка 2</button> 
<button id="b10" class="b">Кнопка 3</button> 
<button id="b16" class="b">Кнопка 4</button>
<input type="number" id="in1">
Код:
<script> 
var input = document.getElementById("in1");
var b1 = document.getElementById("b2"); 
var b2 = document.getElementById("b8"); 
var b3 = document.getElementById("b10"); 
var b4 = document.getElementById("b16"); 
b1.addEventListener('click',function(){ 
b1.style.backgroundColor='red'; 
b2.style.backgroundColor=''; 
b3.style.backgroundColor=''; 
b4.style.backgroundColor=''; 
}); 
b2.addEventListener('click',function(){ 
b2.style.backgroundColor='red'; 
b1.style.backgroundColor=''; 
b3.style.backgroundColor=''; 
b4.style.backgroundColor=''; 
}); 
b3.addEventListener('click',function(){ 
b3.style.backgroundColor='red'; 
b2.style.backgroundColor=''; 
b1.style.backgroundColor=''; 
b4.style.backgroundColor=''; 
}); 
b4.addEventListener('click',function(){ 
b4.style.backgroundColor='red'; 
b2.style.backgroundColor=''; 
b3.style.backgroundColor=''; 
b1.style.backgroundColor=''; 
});
Пожалуйста, оформляйте Ваш код согласно правилам.

Последний раз редактировалось Вадим Мошев; 24.06.2018 в 17:22.
良猫です вне форума Ответить с цитированием
Старый 24.06.2018, 16:51   #2
WorldMaster
Старожил
 
Аватар для WorldMaster
 
Регистрация: 25.08.2011
Сообщений: 2,841
По умолчанию

Вы бы еще белым по белому написали...
Skype - wmaster_s E-Mail - WorldMasters@gmail.com
Работаем по 3 критериям - быстро, качественно, недорого. Заказчик выбирает любые два.
WorldMaster вне форума Ответить с цитированием
Старый 24.06.2018, 20:51   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Нифига не понял задачи. А код, (это не какая-то издёвка над ником), реально — китайский код. Загугли что такое "китайский код". На лурке, помнится, была отличная статья на тему.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 25.06.2018, 00:10   #4
Baburek
Форумчанин
 
Аватар для Baburek
 
Регистрация: 12.12.2010
Сообщений: 205
По умолчанию

Я очень пытался понять. Может быть вы хотели добиться чего-то подобного:

Код:
<input type="text" id="numbers"/>
<button id="onlyOne">
	Only One
</button>
<button id="onlyTwo">
	Only Two
</button>
Код:
document.getElementById('onlyOne').onclick = function(){
  document.getElementById('numbers').onkeypress = function(e){    
    if(e.which !== 49) return false;
  }
}

document.getElementById('onlyTwo').onclick = function(){
  document.getElementById('numbers').onkeypress = function(e){
    if(e.which !== 50) return false;
  }
}
При клике на кнопку "Only One" разрешены на ввод только единицы, соответственно "Only Two" - только двойки. Зарефакторить и расширить список до нужного количества цифр не должно составить труда.

P.S. Как я понимаю, вы хотите еще и при клике на кнопку менять ее цвет(чтобы было понятно какое условие сейчас работает). Это также не должно составить труда, тут вы на верном пути. Советовал бы не заниматься копи-пастом, а если вам нужна функция, которая меняет вам бэкграунд кнопки - пишите ее более универсально.
Например, вы можете добавлять класс и убирать его(element.classList.add, element.classList.remove).
Baburek вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна функция =сцепить(), только с условием Snekich Microsoft Office Excel 8 20.11.2011 18:18
Нужна формула с условием Nasten'ka7 Microsoft Office Excel 9 04.03.2011 00:01
Очень нужна помощь c матрицами, макросами в Excel. Заранее благодарен(поверьте, очень-очень нужна помощь) Farridjan Помощь студентам 1 03.07.2009 12:24
Очень нужна помощь с написанием программы... срочно(буду благодарен за помощь) 5Paladin5 Помощь студентам 3 02.07.2009 09:12
Паскаль.помощь с условием задачи NightFire Помощь студентам 1 14.04.2009 08:12