Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.01.2018, 16:24
Новичок на форуме
Отправить личное сообщение для rasta Посмотреть профиль Найти все сообщения от rasta
 
Регистрация: 04.04.2011
Сообщений: 8

Замена цвета при нажатии кнопки
Добрый день!
Извините за беспокойство, может кто-нибудь поможет, только начал изучение javascript.
Задача: чтобы из выпадающего списка выбирался цвет, потом нажималась кнопка и чёрный квадрат становился красным или зелёным (в зависимости от выбранного цвета).

Написал такой код, но не работает(((
<html>
<head>
  <title>DOM интерфейс</title>
    <style>
    #pict {
      width: 100px;
      height: 100px;
      background-color: black;
    }
  </style>
</head>
<body>

  <select id="selcolor">
    <option value="Maroon">Красный</option>
    <option value="Green">Зеленый</option>
</select>
  <button onclick="ifelsefunction()">Кнопка</button>

  <div id="pict"></div>
  <script>
   function ifelsefunction() { 
var seltheme = document.getElementById("selcolor").value;
     var elem = document.getElementById("pict");
     if(seltheme == "Maroon") {
    elem.style.backgroundColor = 'red'; 
     }
     else  if(seltheme == "Green") {
    elem.style.backgroundColor = 'green'; 
     }
  </script>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2018, 16:30
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

В конце скрипта } надо поставить
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2018, 16:33
Новичок на форуме
Отправить личное сообщение для rasta Посмотреть профиль Найти все сообщения от rasta
 
Регистрация: 04.04.2011
Сообщений: 8

Сообщение от Царь Леонид Посмотреть сообщение
В конце скрипта } надо поставить
Спасибо! Целый день мучился
Ответить с цитированием
  #4 (permalink)  
Старый 09.01.2018, 17:01
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

rasta,
А if-else специально вставлены? А то ведь можно и без них

<html>
<head>
  <title>DOM интерфейс</title>
    <style>
    #pict {
      width: 100px;
      height: 100px;
      background-color: black;
    }
  </style>
</head>
<body>

  <select id="selcolor">
    <option value="Red">Красный</option>
    <option value="Green">Зеленый</option>
</select>
  <button onclick="ifelsefunction()">Кнопка</button>

  <div id="pict"></div>
  <script>
   function ifelsefunction() { 
var seltheme = document.getElementById("selcolor").value;
     var elem = document.getElementById("pict");

    elem.style.backgroundColor = seltheme; 

     }
  </script>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена цвета/картинки фона при нажатии на элемент Webtest Элементы интерфейса 16 20.04.2017 22:36
Вывод информации при нажатии кнопки читать далее vacuumtrade Элементы интерфейса 44 15.07.2015 06:33
Сохранение цвета рамки DIV при нажатии, и сброс при нажатии на другой DIV этого класа Webtest Элементы интерфейса 3 29.06.2014 22:13
Поменять элемент матрицы при нажатии кнопки в другом фрейме Alexiy Общие вопросы Javascript 1 09.11.2011 11:49
Восстановление hidden field при нажатии кнопки Назад в браузере debugx Элементы интерфейса 1 19.10.2011 19:03