Usando input radio e fazendo operações em tempo real com javascript

Sobre dar aulas, quero que a aula iniciante custe 20 por aula e a avançada 40, diferenciando usando radio buton, e a quantidade de aula com input type range, mas não entendo muito de js e queria essa ajuda, ae vai o codigo que adaptei da internet mas ele só serve para aula iniciante pois faz a quantidade de aula vezes 20 e queria que coletasse a variavel do radio e usasse no lugar do 20.

OBG

<!DOCTYPE html> <html>   <head>     <title></title>     <meta charset="utf-8">   </head>   <body> 	<section>       <h3>Escolha o pacote desejado</h3><hr>         Iniciante<input type="radio" name="radio" id="iniciante" checked /><br>         Avançado<input type="radio" name="radio" id="avancado" />          <h4>Quantidade de Aulas:</h4>          <input id="price" class="slider" type="range" min="1" max="30" value="1"/>           <span id="resultado1" style="font-size: 25px;"></span>        <h4>Total:</h4>         <p id="resultado2">Preço: </p> </section> <script>  var p = document.getElementById("price"),     res1 = document.getElementById("resultado1"),     res2 = document.getElementById("resultado2");  p.addEventListener("input", function () {     res1.innerHTML = p.value; }, false); p.addEventListener("mouseup", function () {     res2.innerHTML = "Preço: " + p.value * 20 + ",00"; }, false);  </script>   </body> </html>