array_length_Empty_Or_Not

<html>

<head>

<title> ourArray.length Empty or Not </title>

<style>

body

{

padding: 20px;

background-color: rgb(40, 40, 40);

font-size: 20px;

color: rgb(255, 255, 255);

}

.mainDiv

{

position: absolute;

padding: 10px;

border-radius: 8px;

background-color: rgb(0, 0, 0);

font-size: 20px;

font-weight: normal;

color: rgb(255, 255, 255);

}

.titleStyle

{

padding: 5px;

background-color: rgb(0, 0, 0);

font-size: 50px;

font-weight: bold;

color: rgb(0, 255, 255);

}

.resultStyle

{

padding: 5px;

background-color: rgb(0, 0, 0);

font-size: 20px;

font-weight: normal;

color: rgb(255, 255, 255);

}

</style>

let people = [

"Jane",

"Jennifer",

"Tabitha",

"Joan"

];

function setStage()

{

// mainDiv

let mainDiv = document.createElement("div");

mainDiv.id = "mainDiv";

mainDiv.className = "mainDiv";

document.body.append(mainDiv);

//----//

// titleIsArrayEmpty

let titleIsArrayEmpty = document.createElement("div");

titleIsArrayEmpty.id = "titleIsArrayEmpty";

titleIsArrayEmpty.className = "titleStyle";

titleIsArrayEmpty.innerHTML = "Is Array Empty?";

mainDiv.append(titleIsArrayEmpty);

//----//

// isArrayEmptyDiv

let isArrayEmptyDiv = document.createElement("div");

isArrayEmptyDiv.id = "isArrayEmptyDiv";

isArrayEmptyDiv.className = "resultStyle";

mainDiv.append(isArrayEmptyDiv);

}

//----//

function isArrayEmpty(whichArray)

{

if (whichArray.length > 0)

{

let messageNotEmpty = "Array is not empty.";

let amountOfPeople = "There are " + whichArray.length + " people in the array";

let arrayFormatted = JSON.stringify(whichArray);

return messageNotEmpty + "<br>" +

amountOfPeople + "<br>" + arrayFormatted;

}

else

{

return "Array is Empty.";

}

//----//

function whenLoaded()

{

setStage();

document.getElementById("isArrayEmptyDiv").innerHTML = isArrayEmpty(people);

}

</script>

</body>

</html>