Hypotenuse calculator practice program in JavaScript 📐【6 minutes】

[@BroCodez]

let a;
let b;
let c;
document.getElementById("submitButton").onclick = function(){
a = document.getElementById("aTextBox").value;
a = Number(a);
b = document.getElementById("bTextBox").value;
b = Number(b);
c = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
document.getElementById("cLabel").innerHTML = "Side C: " + c;
}



Document
Side A:

Side B:

submit

[@hoangnhan6612]

I think you should add something like:
If atextbox or btextbox is none then the clabel will print "you should fill all textbox"

[@joyceasante8292]

let a;
let b;
let c;
a = window.prompt("Enter size a");
a = Number(a);
b = window.prompt("Enter size b");
b = Number(b);
c = Math.pow(a,2) + Math.pow(b,2);
c = Math.sqrt(c);
________________________
OR
let a;
let b;
let c;
a = window.prompt("Enter side a");
a = Number(a);
b = window.prompt("Enter side b");
b = Number(b);
c = Math.sqrt(Math.pow(a,2) + Math.pow(b,2));
console.log("Side C:", c);
________________________
Advanced Version of the Programme

Document

Side A:
Side B:
submit

*******************************
let a;
let b
let c;
/*
a = window.prompt("Enter side A);
a = Number(a);
b = window.prompt("Enter side B);
b = Number(b);
c = Math.sqrt(Math.pow(a,2) + Math.pow(b,2));
console.log("Side C:",c);
*/
document.getElementById("submitButton").onclick = function(){

a = document.getElementById("aTextBox").value;
a = Number(a);

b = document.getElementById("bTextBox").value;
b = Number(b);
c = Math.sqrt(Math.pow(a,2) + Math.pow(b,2));
document.getElementById("cLabel").innerHTML = "Side C:"+ c;
}

[@stephanieezat-panah7750]

You explain things with such clarity, essentially "documenting" by narrating, as you go.
This is super, thank you so much

[@yooowazzam9782]

I absolutely love you. You're amazing!

[@AdrianStefanik1]

Hello Bro! Another day of my JavaScript adventure with your videos... another day of giving the likes after every video. It goes sometimes a little too quick, but I am still learning new stuff and all the code works for me too, so... I am going further to the next video.

[@aljundiaz3936]

Thanks BroCode it helps me a lot as first year college

[@AmericanDragon134]

I must to like this . This is very interesting.

[@MohyDev]

// For the RUclips algorithm!

[@lirimbytyqi1]

Perfect video 🎉!

[@hemasai1]

let base = Math.pow(window.prompt("Enter length of the base:"),2);
let height= Math.pow(window.prompt("Enter the height of the triangle"),2);
alert("The Hypotenuse of the Triangle is "+ Math.sqrt(base + height));
Just tried to put very less variables.

[@lucabinder9829]

Bro got me learning

[@малосольные-окурки]

perfect! thank you very much!

[@tibebetech4867]

Great Job!

[@TheEvertonDias]

Thanks, Bro!

[@sebastianteaca7794]

There is also a Math.hypot() function available in javascript

[@BroCodez]

yes but that would defeat the purpose of the exercise

[@hoatranminh5216]

Thank you, Bro

[@MrLoser-ks2xn]

Thanks!

[@ZUNAEED_IMRAN]

Hy Bro Thank's

[@skagmag]

Nice

[@murtezagorur3130]

// comment down below

[@PalashMehta-69420irl]

could you show how to do this but using a html textbox pls. thnx

[@jofeherg]

Algo ritn

[@iakuraa]

very random comment

[@Grudi28]

based mega chad

[@ObsidianSamurai]

Algorithm

[@roycechriston5389]

Thank you Bro Code Happy to join Bro Code fam

[@irakliabashidze9937]

Uncaught TypeError: Cannot read properties of null (reading 'value')
at document.getElementById.onclick (index.js:7:44)
document.getElementById.onclick @ index.js:7
this is the error i get when i try to calculate.
i thought i did something wrong but i copied your code and i still have this error can someone help?

[@kidkoreli]

in my case it was because in "Send" I missed "" at the end, your error may be due to an oversight.

[@ngash_101]

Getting same issue anybody who has solved it?

[@samarthminocha4104]

Same issue please help

[@joanna00js]

Remove type="button" from HTML file.
Just

[@muthaharsultana6383]

may be see whether u given id or type for the button tag