HTML. JavaScript. Radio button.

Question

HTML. JavaScript. Radio button.

Buzova Team Ученик (142), на голосовании 11 месяцев назад

Здравствуйте, подскажите, как сделать переключатель на 3 radio button меняющий цвет кнопки запускающей функцию?
Вот код, если нужно:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="prog.js"></script>
<title>prog</title>
<style>
body {
font-family: "Tahoma", serif;
color: rgb(139, 64, 21);
text-align: center;
background: #9e7912a2;
}

#result1{
margin-top: 20px;
background: rgb(187, 161, 17);
color:rgb(228, 195, 47);
font-size: 15pt;
}

#result {
margin-top: 20px;
font-size: 20pt;
}
</style>
</head>
<body>
<div>
<label for="n">Введите n:</label>
<input id="n" type="number">
</div>
<div>
<label for="m">Введите m:</label>
<input id="m" type="number">
</div>
<button onclick="func()" id="result1">Вычислить</button>
<div id="result"></div>

<div>
<p>Выберите цвет кнопки:</p>
<input type="radio" id="color1" name="color" value="1">
<label for="color1">Зеленый</label><br>
<input type="radio" id="color2" name="color" value="2">
<label for="color2">Красный</label><br>
<input type="radio" id="color3" name="color" value="3">
<label for="color3">Желтый</label><br>
</div>
</body>
</html>

Answer 1

  
 
 
     
     
    prog 
     
 
 
     
        Введите n: 
         
    
 
     
        Введите m: 
         
    
 
     
    
 
 
     
        Выберите цвет кнопки:
 
         
        Зеленый
 
         
        Красный
 
         
        Желтый