Tengo una página de precios donde puedo cambiar entre anual y mensual. Al final, estoy vinculando a un archivo js como este.

 <div class="top"> <div class="toggle-btn"> <span style="margin: 0.8em;">Annually</span> <label class="switch"> <input type="checkbox" id="checbox" onclick="check()" ; /> <span class="slider round"></span> </label> <span style="margin: 0.8em;">Monthly</span></div> </div> <header><h2><em>Hobbyist</em></h2> <p class="pricing text1">$2 per month</p> <p class="pricing text2">$1 per month billed yearly</p> </header> <script src="js/pricing.js"></script> <script src="js/main.js"></script>

Y el precio js se ve así

 function check() { var checkBox = document.getElementById("checbox"); var text1 = document.getElementsByClassName("text1"); var text2 = document.getElementsByClassName("text2"); for (var i = 0; i < text1.length; i++) { if (checkBox.checked == true) { text1[i].style.display = "block"; text2[i].style.display = "none"; } else if (checkBox.checked == false) { text1[i].style.display = "none"; text2[i].style.display = "block"; } } }

Recibo un error en la consola como resultado de que la palanca se mueve pero no activa la función javascript requerida que hace que el precio se mueva entre $ 1 y $ 2 dólares. ¿Puede alguien sugerirme cómo solucionar esto? Soy bastante nuevo en la programación.

Error

 Uncaught ReferenceError: check is not defined at HTMLInputElement.onclick ((index):74:74)