Показать сообщение отдельно
  #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>
Ответить с цитированием