十進制到分數計算器 Javascript 問題

Question

我正在嘗試制作小數到分數計算器（ https://www.decimal-to-fraction.com/ ）。 但我面臨一些問題。 我認為這是一個jquery問題。

控制台錯誤顯示（$ 不是函數）

我試過這個：

 $(document).ready(function() { var params = GetURLParams(); if (Object.keys(params).length > 0 && params.x != "") { document.getElementById("x").value = params.x; } }); function GetURLParams() { var url = window.location.href; var regex = /[?&]([^=#]+)=([^&#]*)/g, params = {}, match; while (match = regex.exec(url)) { params[match[1]] = match[2]; } return params; } var gcd2 = function(a, b, f) { if (f) { if (b <= 1) return a; } else { if (!b) return a; } return gcd2(b, a % b, f); };

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id="x" name="x" class="intext form-control" tabindex="1"> <button type="button" title="Convert" class="btn btn-lg btn-primary" tabindex="2" onclick="convert()"> Convert</button> <input class="form-control" type="text" id="y" tabindex="5" readonly> <input class="form-control" type="text" id="n" tabindex="6" readonly> <canvas id="frac"></canvas> <input class="form-control" type="text" id="d" tabindex="7" readonly> <textarea rows="7" id="area" tabindex="8" class="form-control outtext" readonly></textarea>

我在控制台中出錯。 它說 $ 不是一個函數。 請幫我解決這個問題。

Answer 1

請在 HTML 渲染期間包含此行

 function GetURLParams() { var url = window.location.href; var regex = /[?&]([^=#]+)=([^&#]*)/g, params = {}, match; while (match = regex.exec(url)) { params[match[1]] = match[2]; } return params; } var gcd2 = function(a, b, f) { if( f ) { if ( b<=1 ) return a; } else { if ( !b ) return a; } return gcd2(b, a % b, f); }; $( document ).ready(function() { var params = GetURLParams(); if (Object.keys(params).length > 0 && params.x != "") { document.getElementById("x").value = params.x; } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <input type="text" id="x" name="x" class="intext form-control" tabindex="1"> <button type="button" title="Convert" class="btn btn-lg btn-primary" tabindex="2" onclick="convert()"> Convert</button> <input class="form-control" type="text" id="y" tabindex="5" readonly> <input class="form-control" type="text" id="n" tabindex="6" readonly> <canvas id="frac"></canvas> <input class="form-control" type="text" id="d" tabindex="7" readonly> <textarea rows="7" id="area" tabindex="8" class="form-control outtext" readonly></textarea>

一旦你覺得它是固定的，下載 JQuery 包並保存在你的包中

Answer 2

可能最簡單的解決方案使用Fraction.js ：

var f = new Fraction(0.182);
console.log(f.n, f.d); // 91, 500