Home » JavaScript

JavaScript | Create an object and display its values in a table

JavaScript object example: Here, we are going to learn how to create an object and display its value in the table?
Submitted by Pankaj Singh, on June 28, 2019

In this example, we created an object named employee with id, name, gender, city, and salary and assigned the values and we are displaying these values in a table.

HTML & JS:

<!DOCTYPE html>

<html>
    <head>
        <script>            
            var employee ={
                id:1,
                name:"pankaj",
                gender:"male",
                city:"delhi",
                salary:34000,
            };
        </script>
    </head>
	
    <body>
        <script>
            document.write("<h2>Java Script Objects : Type 1</h2><hr />");
            document.write("<table border=1 >");
            document.write("<tr>");
            document.write("<th>Employee Id</th>");
            document.write("<td>"+employee.id+"</td>");
            document.write("</tr>");
            document.write("<tr>");
            document.write("<th>Employee Name</th>");
            document.write("<td>"+employee.name+"</td>");
            document.write("</tr>");
            document.write("<tr>");
            document.write("<th>Gender</th>");
            document.write("<td>"+employee.gender+"</td>");
            document.write("</tr>");
            document.write("<tr>");
            document.write("<th>City</th>");
            document.write("<td>"+employee.city+"</td>");
            document.write("</tr>");
            document.write("<tr>");
            document.write("<th>Salary</th>");
            document.write("<td>"+employee.salary+"</td>");
            document.write("</tr>");
            document.write("</table>");
        </script>
    </body>
</html>

Output

JavaScript | Create an object and display its values in a table






Comments and Discussions

Ad: Are you a blogger? Join our Blogging forum.




Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing
» Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates


© https://www.includehelp.com some rights reserved.