How To Create Array Through Java-Script On Your Web Page. [Full Guide + Code Provided] !!

Jibraan AhmedJibraan Ahmed February 05, 2018

CREATING ARRAY IN JAVA-SCRIPT

PROTOTYPE


THINGS VISIBLE IN IMAGE :

  • The image above show us a black background encoded with blue background !
  • Text inside the blue good with heading on top !
  • After some space there are 4 keywords written each on separate line !
PERFORMING SUCH TASK THROUGH JAVA-SCRIPT



STEP BY STEP PROCESS FOR CODE :

  1. Open up your compiler, save it as .html extension !
  2. open necessary tags of html, head, title, body !
  3. In head tag provide a heading as I provided !
  4. Now create a div with class or id of whatever name you want !
  5. I coded in-line css here , the code for colors on page is below !
<!DOCTYPE html>
<body style=background-color:black;color:white;>
<html>
<head>
<title>LEARNING ARRAY IN JAVA</title>
</head>
<body>
<div style=background-color:skyblue;width:800px;height:150px;>
<h1>USING ARRAY IN JAVA BY DIV</h1>
<div id="your div name">
</div>
</div>

STEP TO PERFORM AFTER OPENING "DEMO"
  • Open script tags !
  • Declare variable I and text
  • Initialize your Array with Any Name in var too !
  • Open a loop , for ( run it from 0 to arraylength )
  • put text = text + Array length[i] with +(sign) and <br> code
  • close loop range and use the print command from array.
  • In java = document.getElementById("your div name")
  • use .innerHTML = text to save and display tag
  • for ex : document.getElementById("yourdivname").innerHTML = text;
  • close script tags ! the body and html tags !
CODE OF WHAT WE LEARN ABOVE !

--------------------------------------------------

<!doctype html>
<body style=background-color:black;color:white;>
<html>
<head>
<title>HTML JAVASCRIPT BASIC</title>
</head>
<body>
<center>
<div style=background-color:skyblue;width:800px;height:150px;>
<h1><b>USING DIV ON JAVASCRIPT</b></h1>
<div id="demo">
<script type="text/javascript">
var i;
var text="";
var DummyArray=["IICT","PF","PIS","VLM"];
for(i=-0; i<DummyArray.length; i++)
{
text= text + DummyArray[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</div>
</div>
</center>
</body>
</html>

--------------------------------------------------
TEACHINGS BY TRUESIGHT



Jibraan Ahmed

Posted by Jibraan Ahmed

Coding since 2017, I have experience with multiple companies including freelancing, I have worked in many projects and products, my expertise lies in .NET and NodeJS and from from database side I am good with MongoDB (NoSQL) and MS SQL!

Post a Comment

2 Comments

  1. John Brick7 May 2019 at 12:52

    Interesting. This looks super cool. I haven't read it all yet, but I'll be back to read the rest of it.
    Media Onlines

    ReplyDelete
  2. Unknown7 August 2019 at 16:45

    Your composing is purely awe-inspiring that I desired to read such high quality material...
    Sex Toys For Men

    ReplyDelete