JavaScript | Create an object and display its content in a table through JavaScript function

JavaScript object example: Here, we are going to learn how to create an object and display its value in the table using JavaScript function?
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 and displaying the values in the table using JavaScript function.

HTML & JS:

<!DOCTYPE html>

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

Output

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

JavaScript Examples »



Related Examples



All JavaScript Examples

Comments and Discussions!

Load comments ↻





Copyright © 2024 www.includehelp.com. All rights reserved.