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>