У меня есть текст, и селект с цветами, и я выбрав один из них должен применить его к тексту.
Проблема наверное в скрипте, и получаю цвет который мне нужно, не понимаю как правильно применить его к тексту, возможно в скобках css()
я не то пишу, подскажет кто то? Заранее спасибо!
$("#jquery-btn1").click(function() {
$("#jq-select").val();
$(".tekst").css(val);
})
.zielony {
background-color: lightgreen;
}
.pomaranczowy {
background-color: lightsalmon;
}
.rozowy {
background-color: lightpink;
}
.niebieski {
background-color: lightskyblue;
}
.fioletowy {
background-color: rgb(140, 99, 185);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="tekst">Текст</p>
<select class="jquery-btn" id="jq-select">
<option>zielony</option>
<option>pomaranczowy</option>
<option>rozowy</option>
<option>niebieski</option>
<option>fioletowy</option>
<button class="jquery-btn" id="jquery-btn1">Zmień tło</button>
<button class="jquery-btn" id="jquery-btn2">Zmień czcionkę</button>