前提・実現したいこと
はじめまして、プログラミングの勉強を始めたばかりの初心者です
ただいまjQuerの勉強をしています
HTMLへの追記は厳禁で、
以下の処理をイベントハンドラ内に記述する
jQuerメソッドでnum1, num2の数値を受け取る
ユークリッドの互除法の計算
jQueryのメソッドを用いて結果を<div id="box">内に表示する
この条件で最大公約数を求めたいのですが、ボタンをクリックしても計算結果が表示されません
これは計算処理が間違ってるのか、表示させるためのコードが適切ではないからでしょうか?
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScript Test</title> 6 </head> 7 <body> 8 <div> 9 <p>割られる数:<input type="text" id="num1"></p> 10 <p>割る数:<input type="text" id="num2"></p> 11 <p><button type="button" id="button-gcd">最大公約数を計算する</button></p> 12 </div> 13 <div id="box"></div> 14 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 15 <script src="main.js"></script> 16 </body> 17</html>
Javascript
1$('#button-gcd').on('click', (e) => { 2 const n1 = $('#num1').val(); 3 const n2 = $('#num2').val(); 4 if(n1 % n2 ===0){ 5 }else{ 6 while( n1 % n2 !==0){ 7 let n3= n1 % n2; 8 let n1= n2; 9 let n2= n3; 10 } 11 } 12 $('#box').val(); 13});
試したこと
ネットで調べたり、本を読んだりもしましたが解決できません