How to call function from another JS file in Javascript?
JavaScript Call Function From One JS File Into Another JS File
We calculate the circle’s area again but call the calcArea function from first.js into the second.js file.
The document.write() method writes the output in the browser, and the toFixed() function converts a number to a string and then rounds it to a given number of decimals.
<!DOCTYPE html>
<html>
<head>
<title>Call Function from One JS file into another</title>
<script src="first.js"></script>
<script src="second.js"></script>
</head>
<body>
<input
id="circleArea"
type="button"
value="Show Circle Area"
onclick="circleArea()"
/>
</body>
</html>first.js Code:
const PI = 3.14;
let radius = 3;
function calcArea() {
return PI * radius * radius;
}second.js Code:
function circleArea() {
document.write((calcArea()).toFixed(2));
}