Topalian_createElement_Shorter_Method

Topalian JavaScript createElement Shorter Method by Christopher Topalian.pdf

<html>

<head>

<title> Topalian createElement Shorter Method </title>

<style>

body

{

padding: 10px;

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

font-size: 25px;

color: rgb(255, 255, 255);

}

div

{

padding-top: 10px;

}

</style>

// document.getElementById shortcut

function ge(whichId)

{

let result = document.getElementById(whichId);

return result;

}

// document.createElement shortcut

function ce(whichType)

{

let result = document.createElement(whichType);

return result;

}

// document.body.append shortcut

function ba(whichElement)

{

let result = document.body.append(whichElement);

return result;

}

function showText(whichText)

{

// if element exists

if (ge("theTextDiv"))

{

// remove the element

ge("theTextDiv").remove();

}

//-//

// creates a div using shortcuts

let theTextDiv = ce("div");

theTextDiv.id = "theTextDiv";

theTextDiv.textContent = whichText;

ba(theTextDiv);

}

</script>

<body>

</body>

</html>