calculator code error - mozes

[Jay-study-nildana]

Hello Mr Jay.
Could you please provide me the sequence of command to reach the calculator project code error that you fixed. My repository is mozes2019/laravel11cjh. I sent you request couple months ago but no feedback yet. I can access your Github where issues supposed to be fixed (https://github.com/Jay-study-nildana/FrontEndForStudents/issues/) through my Github (mozes2019/laravel11cjh) but no way to see the calculator code error fixed.

Best regards

Cece Jules HABA, Student in PhD AIML major academic program, AIU

Originally posted by @mozes2019 in #13

@mozes2019

I have created a new issue here. Let's continue our discussion here.

Could you send me the repository link here, once more please? If I have missed your request from months ago, I apologize.

Allow me to look at it now. So, send me the link, and let me know what you want me to look for in the repository. And remember to reply to the issue thread, with additional questions.

Thanks.

Jay (Vijayasimha BR)

[mozes2019]

Thank you so much mr JAY.

1rst/ Here is my Github account link (repository : mozes2018/laravell11cjh :

https://github.com/mozes2019/Laravel11cjh

2nd/ Remind you the Calculator JS code that brings error when you run it :
a/Code JS in VSCode editor :

const display = document.getElementById('display');
const buttons = document.querySelectorAll('.button');
let currentInput = '';
let operator = null;
let firstValue = null;
let resetNext = false;

buttons.forEach(button => {
button.addEventListener('click', () => {
const buttonValue = button.textContent;

    if (button.classList.contains('clear')) {
        clearCalculator();
        return;
    }

    if (resetNext) {
        currentInput = '';
        resetNext = false;
    }

    if (buttonValue >= '0' && buttonValue <= '9' || buttonValue === '.') {
        if (buttonValue === '.' && currentInput.includes('.')) {
            return; // Prevent multiple decimals
        }
        currentInput += buttonValue;
        display.textContent = currentInput;
    } else if (buttonValue === '=') {
        if (operator && firstValue !== null && currentInput !== '') {
            try {
                currentInput = calculateResult();
                display.textContent = currentInput;
                firstValue = null;
                operator = null;
            } catch (error) {
                display.textContent = 'Error';
            }
        }
        resetNext = true;
    } else {
        if (!operator) {
            firstValue = parseFloat(currentInput);
            currentInput = '';
            operator = buttonValue;
        } else if (currentInput) {
            try {
                firstValue = calculateResult();
                operator = buttonValue;
                display.textContent = firstValue;
                currentInput = '';
            } catch (error) {
                display.textContent = 'Error';
                firstValue = null;
                operator = null;
            }
        }
    }
});

});

function clearCalculator() {
currentInput = '';
operator = null;
firstValue = null;
display.textContent = '0';
}

function calculateResult() {
let secondValue = parseFloat(currentInput);
if (operator === '/' && secondValue === 0) {
throw new Error('Division by zero');
}

switch (operator) {
    case '+': return firstValue + secondValue;
    case '-': return firstValue - secondValue;
    case 'x': return firstValue * secondValue;
    case '/': return firstValue / secondValue;
    default: throw new Error('Invalid operation');
}

}

b/Error when you run Calculator JS :

[Running] node "c:\Laravproj\phpprog\Javascripts\FrontEndForStudents-main\FrontEndForStudents-main\BootstrapForStudents\CalculatorProject\script.js"
c:\Laravproj\phpprog\Javascripts\FrontEndForStudents-main\FrontEndForStudents-main\BootstrapForStudents\CalculatorProject\script.js:1
const display = document.getElementById('display');
^

ReferenceError: document is not defined
at Object. (c:\Laravproj\phpprog\Javascripts\FrontEndForStudents-main\FrontEndForStudents-main\BootstrapForStudents\CalculatorProject\script.js:1:17)
at Module._compile (node:internal/modules/cjs/loader:1546:14)
at Object..js (node:internal/modules/cjs/loader:1689:10)
at Module.load (node:internal/modules/cjs/loader:1318:32)
at Function._load (node:internal/modules/cjs/loader:1128:12)
at TracingChannel.traceSync (node:diagnostics_channel:315:14)
at wrapModuleLoad (node:internal/modules/cjs/loader:218:24)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:170:5)
at node:internal/main/run_main_module:36:49

Node.js v22.10.0

[Done] exited with code=1 in 0.594 seconds

c/ I request your assistance to fix error

[Jay-study-nildana]

@mozes2019

Please note, you have to tag me with the '@' symbol. Otherwise I won't get notified :) Remember to tag me, like how, I am tagging you.

[Jay-study-nildana]

Now, your error.

So,

1. are you sure you are using VS Code + MS Live Preview extension.
2. Are you sure you opening the correct folder, and selecting index.html and running the preview button on the top right corner.

Please understand that we are not using node js yet in our classes to run the calculator project. So, you have errors like this.

ReferenceError: document is not defined
at Object. (c:\Laravproj\phpprog\Javascripts\FrontEndForStudents-main\FrontEndForStudents-main\BootstrapForStudents\CalculatorProject\script.js:1:17)
at Module._compile (node:internal/modules/cjs/loader:1546:14)
at Object..js (node:internal/modules/cjs/loader:1689:10)
at Module.load (node:internal/modules/cjs/loader:1318:32)
at Function._load (node:internal/modules/cjs/loader:1128:12)
at TracingChannel.traceSync (node:diagnostics_channel:315:14)
at wrapModuleLoad (node:internal/modules/cjs/loader:218:24)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:170:5)
at node:internal/main/run_main_module:36:49

It seems like you are using some kind of loader. I am not using any loader or node js in the classes. Why are you using it? I don't recognize this error :)

I have made a playlist on my YouTube Channel called, "Front End Basics"

https://www.youtube.com/playlist?list=PL7SHzFbuSdW2DmT1ebDC_iSM9rDD-kT6F

Please give it at try, and, let me know, if the issue is resolved.

Don't forget to tag me using the @ symbol, when you reply. Otherwise I won't get notified. Waiting for your response @mozes2019 .

Jay (Vijayasimha BR)

[Jay-study-nildana]

I also looked at your repository, https://github.com/mozes2019/Laravel11cjh

It is empty. So, I am not sure what to do with an empty repository.

I have this YouTube Playlist called "Coding Essentials" which covers how to use GitHub.

https://www.youtube.com/playlist?list=PL7SHzFbuSdW0LWKYOOMPVzVVCa_BtnuZb

Give it a try :) As always, tag me using the @ symbol when you reply.

Jay (Vijayasimha BR)

[mozes2019]

Thank you for rapid feedback Mr JAY.

You mean I have to run the .html code instead of the.js ?
I want to confirm you that I got a VSCode newest release (1.97.2) with maximum web programming extensions that can open folders of and another installed web development tools linked together package (Laravel 11 projects/installer 5.9.2, Sqldeveloper 24.3.0/OracleClient23aiHome, Xampp web local host server control panel v3.3.0 including Apache, MySql, Filezilla, Mercury, Tomcat.
Pls find here attached the VSCode editor snippet for proof :

Moreover from last AIU Session "GitHub Copilot AI For Coding Confirmation" on Feb 11th 25, I got some pending questions as they are following :
Q1: Need provide all JavaScript’s tags, objects, method, built-in functions and triggers examples
Q2 : Still not have from my Github with repository (mozes2019/laravell11cjh) the reply of error happen when I attempt to run calculator code, so far
Q3 : Common and different functions of different Microsoft Windows Copilot Vision(only built-in Win 11 Pro 10.0.26100, 24H2), ChatGPT, DALL-E and MitJourney used in education platform
Q4 : I suggest flipped learning for AIU session where you can pre-provide courses, video lecture/watch with pop quiz and project (like for the Calculator you kept mentoring for student) as assignment before the online mentor session come where we can bring courseworks and discuss instead of the professor as you are to prepare and do everything for students learning as classical method. For me such learning method suggestion can strenghen students academic knowledge for topic and make them very participative instead to let you only animating evry live course session. Apologize it is only my idea for learning method proposal since Web programming or other IT overall topic leraning are on very practice basis more than other academic and professional fields.
Q5 : As you told me on one live session that you are not interested to Laravel, if not I got also latest errors to complete Laravel 11 project creation, so project can be opened in VSCode editor to workon however the Laravel was properly installed through it Installer 5.9.2. as shown on following screenshot :

Here is the errors at final step of Laravel complete setup on my pc :

So could please find a mastering way or qualified person to fix this laravel project issue ?

Moreover I so appreciate your skills in web programming teaching with best practices stips you developed enthusiastly at every AIU live course session and I can say to be very lucky to have you with such programming competences that will shape us to master web coding with passion in exciting learning environment coming from "your good faith and always positive human being feeling to share with others".

Thank you for your availability and strong support even outside live courses you always provide to students through your different setup discussion and learning forums.

Cece Jules HABA,

[Jay-study-nildana]

@mozes2019

You cannot put multiple questions in a single thread :) Please create a new issue for every question so I can respond to each issue separately.

And, don't forget to tag me once you create all the issues. Also, stopping putting all your personal details at the end. That's not good.

Now, let's answer the main questions of the current issue.

You mean I have to run the .html code instead of the.js ?

Yes, that is what I am teaching in the ongoing webinars. You have to just open the folder, and run the HTML using Microsoft Preview extension.

another installed web development tools linked together package (Laravel 11 projects/installer 5.9.2, Sqldeveloper 24.3.0/OracleClient23aiHome, Xampp web local host server control panel v3.3.0 including Apache, MySql, Filezilla, Mercury, Tomcat.

I have never in my life worked on Apache/Laravel/Xampp. So, I cannot answer questions about these things.

---

Other questions, please create new issues and please tag me.

Thanks

Jay (Vijayasimha BR)

[mozes2019]

Thank you for advices Mr Jay regarding personal info. We learn by mistake. It will never hapen, because just I do team work and discussion transparently as it is my nature.
Well for the Laravel and Xampp, I will llok for another way to work on and fix errors when creating Laravel 1rst project.

[content deleted. please create new issue for each new question]

Thanks for your support.

Cece, PhD AIML student, AIU

[Jay-study-nildana]

@mozes2019

Please create separate issue for new questions. Thanks.

[mozes2019]

@Jay-study-nildana
How r you Mr Jay.
This is the error again I got when I tried to run the calculator project .html ("CODE LANGUAGE NOT SUPPORTED OR DEFINED") :

Please to assist

Cece

[Jay-study-nildana]

@mozes2019

1. Did you install the Microsoft Preview Extension?
2. Did you open the project folder in a separate window (as per the webinar and the tutorial video)
3. Did you watch even a single video from my YouTube Playlist for beginners?

[mozes2019]

@Jay-study-nildana

I will check through the 3 points you mentioned and let u know.
Tx

Cece

[Jay-study-nildana]

@mozes2019

Excellent. keep me posted.

Also, here is a good example on how best to ask questions.

#25

That format, will help me resolve your issues faster.

Jay (Vijayasimha BR)

[mozes2019]

@Jay-study-nildana

Tx Mr Jay. I will comply with wright qestion format.

[Jay-study-nildana]

@mozes2019

Excellent. Keep me posted.

Jay (Vijayasimha BR)