JSFiddle - React, Tailwind, and code Playground

by DreamDIver

HTML

<script src="http://s019.radikal.ru/i629/1303/f7/5dc1f0f3ea25.jpg"></script>
<body>
	
        <img src="http://s019.radikal.ru/i629/1303/f7/5dc1f0f3ea25.jpg"  ></img>
	<br />
	<p id="megaLinks">
		<a href="http://google.com" id="asd" 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" />
	
</body>

CSS

h1 {
    color: gray;
    font-size: 24px;
}
p
{
	background:#556A73;
	
}
img
{
       border:1px solid red;
}
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;
	    }