javascriptでどこが間違っているのかわからないです。 初心者です。計算用のフォームを作ろうと思い、作成例をみながらやってみたのですが、なぜか計算のボタンを押しても結果が表示されません。 codepenで確認したところ、どうやらjavaの部分でエラーがあるらしく 「Uncaught ReferenceError: calc is not defined」 と表示されます。 見本と見比べても違いが判らず、どこを直せば機能するのかわかりません… （作成見本の方はきちんと動きます） もしわかる方いらっしゃれば教えて頂けるとありがたいです。 よろしくおねがいします。 <form class="concentration_form"> <dl> <dt>A(%)：</dt> <dd><input type="number" class="box" name="percenta"></dd> <dt>B(%)：</dt> <dd><input type="number" class="box" name="percentb"></dd> <dt>C(%)：</dt> <dd><input type="number" class="box" name="percentc"></dd> <dt>C(ml)：</dt> <dd><input type="number" class="box" name="quantc"></dd> <p><input type="button" class="calc-btn" onclick="calc(percenta.value, percentb.value, percentc.value, quantc.value);" value="計算"></p> <dt>Aの必要量(ml)：</dt> <dd><input id="quanta" class="box" type="text" readonly=""></dd> <dt>Bの必要量(ml)：</dt> <dd><input id="quantb" class="box" type="text" readonly=""></dd> </dl> </form> <script> function calc(percenta, percentb, percentc, quantc) { const quanta_value = document.getElementById('quanta').value = Math.round(quantc * (percenta - percentc) / (percenta - percentb); const quantb_value = document.getElementById('quantb').value = Math.round(quantc * (percentc - percentb) / (percenta - percentb); } </script>