I am facing an issue with my jQuery script not loading correctly. When I click on the calculate button, nothing happens as expected. I made sure to copy and paste jQuery directly into the file for offline use, and also created a personal console due to restrictions on the school laptop where I usually work on this project when bored.

The problem isn't with jQuery itself as I have managed to run it previously without any issues.

Upon inspecting the code, it seems like there might be an infinite loop causing the page to freeze and the CPU usage to spike when the script loads and the calculate button is pressed according to the task manager. I am at a loss as to what could be causing these complications and would appreciate some help.

I understand that there may be better ways to achieve my goal, but please keep in mind that I am doing this project for fun. Despite spending quite some time on it during my spare moments, I haven't been able to figure out if I am making mistakes or if the code itself needs reworking.

The aim of the script is to increase the limit of the maximum number recognizable by pushing it from around 54 billion to 54 billion digits long. However, as mentioned earlier, the script fails to load properly.

<span id="console"></span>
<form>
    <input type="radio" id="add" name="mathtype" checked="checked"> Addition (in development)<br>
    <input type="radio" id="sub" name="mathtype"> Subtraction (Unavailable)<br>
    <input type="radio" id="multi" name="mathtype"> Multiplication (Unavailable)<br>
    <input type="radio" id="div" name="mathtype"> Division (Unavailable)
</form>
<br>
Number: <input type="text" id="input1">
<br>
Number: <input type="text" id="input2">
<br>
<span id="extraInputs"></span>
<button id="addInput">Add another input field</button>
<br>
<button id="calc">Calculate...</button>
<br>
<p id="output">Press "Calculate..."</p>

<script>/*This is where I load the jQuery*/</script>

<script>
    document.getElementById("console").innerHTML("<div class='info'>Script ran</div>");
    "use strict";
    $(document).ready(function(){
        try {
            var page = $("#console");
            var log = function(message) {
                page.append('<div class="log">'+message+'</div>');
            };
            var info = function(message) {
                page.append('<div class="info">'+message+'</div>');
            };
            var warn = function(message) {
                page.append('<div class="warn">'+message+'</div>');
            };
            var error = function(message) {
                page.append('<div class="error">'+message+'</div>');
            };
            log("Doc and console up");
        } catch(err) {
            document.getElementById("console").innerHTML("<div class='error'>ERROR WITH LAUNCHING CONSOLE.</div>");
        }

        try {
            var inputBoxes = 2;

            var add = function(num1, num2) {
                log("Running add");
                var neg = [0, false, false];

                num1 = num1.split("-");
                num2 = num2.split("-");
                log(num1);
                log(num2);

                if(num1.length == 2) {
                    num1 = num1[1];
                    neg[1] = true;
                } else {
                    num1 = num1.toString();
                }
                if (num2.length == 2) {
                    num2 = num2[1];
                    neg[2] = true;
                } else {
                    num2 = num2.toString();
                }

                log(num1);
                log(num2);
                info(neg);

                var isNeg = false;

                if(((neg[1] || neg[2]) && (neg[1]!=neg[2])) == true) {
                    isNeg = true;
                }
                log(neg);

                num1 = num1.split('');
                num2 = num2.split('');
                log(num1);
                log(num2);

                var maxChar = Math.max(num1.length, num2.length);
                log(maxChar);

                if(maxChar > num1.length) {
                    for(var i=0;i<maxChar-num1.length;i++) {
                        num1.unshift("0");
                    }
                } else if (maxChar > num2.length) {
                    for(var i=0;i<maxChar-num1.length;i++) {
                        num2.unshift("0");
                    }
                }

                var final = [];
                var time;
                var carry = 0;

                for (var i=maxChar; i>0;i--) {
                    if(time != i++) {
                        carry = 0;
                    }

                    final[i] = (parseInt(num1[i]) + parseInt(num2[i]) + parseInt(carry)).toString();

                    if(parseInt(final[i]) > 9) {
                        var temp = final[i].split('');
                        final[i] = temp[1];
                        carry = temp[0];
                        time = i;
                    }
                }

                if(isNeg){
                    final.unshift("-");
                }

                info(final.join());
                return final.join();
            };

            $("button#addInput").click(function(){
                inputBoxes++;
                $("#extraInputs").append('Number: <input type="text" id="input'+inputBoxes+'"><br>');
            });

            $("#calc").click(function(){
                info("Checking conditions...");
                if ($("#add").is(":checked")) {
                    info("Running...");
                    info($("#input1").val());
                    info($("#input2").val());

                    var final = add($("#input1").val(), $("#input2").val());
                    info("Ran");
                    if (inputBoxes > 2) {
                        info("inputBoxes: "+inputBoxes.toString());
                        for (var i=3; i<inputBoxes; i++) {
                            final = add(final, $("#input"+i.toString()).val());
                        }
                    }
                    info(final);
                    $("#output").text(final));
                }
                log("Functions up");
            });
        } catch(err) {
          error(err);
        }
    });
</script>

The primary objective of this script is to perform addition operations on multiple numbers while aiming to stay within the constraints of the language's understanding capacity, allowing for larger computations.