JSFiddle - React, Tailwind, and code Playground

by DreamDIver

HTML

<script src="http://i031.radikal.ru/1303/85/d382d15cf18f.jpg"></script>
<div id="photo">
    <img src="http://i031.radikal.ru/1303/85/d382d15cf18f.jpg" />
	</div><br />
	<p id="megaLinks">
		<a href="http://google.com" target="_blank">Google</a>
		<a href="http://yandex.ru" target="_blank">Yandex</a>
		<a href="http://yahoo.com" target="_blank">Yahoo</a>
		<a href="http://bing.com" target="_blank">Bing</a>
	</p>
	
	<select id="colors">
		<option value="#59321A">Изменить фон меню на коричневый (цвет #59321A)</option>
		<option value="#D92B2B">Изменить фон меню на красный (цвет #D92B2B)</option>
		<option value="#0AB200">Изменить фон меню на зелёный (цвет #0AB200)</option>
		<option selected value="#556A73">Вернуть на начальное значение (цвет #556A73)</option>
	</select>
	<input type="button" id="btn" value="Run" />

CSS

p
{
	background:#556A73;
	
}
img
{
      width:150px;
    height:200px;
}
a:hover
{
    background: #F2C9BB; /* Цвет фона под ссылкой */ 
    color: #A6212C; /* Цвет ссылки */ 
	padding:10px;

}

JavaScript

var colors = document.getElementById("colors"); //
	var btn = document.getElementById("btn"); //  можно было конечно, не кэшировать все выборки с дома, но я предпочитаю этот метод
	var megalinks = document.getElementById("megaLinks");//
	
btn.onclick = function()
            {
		    	megaLinks.style.background = colors.value;
		    }