I have an html code with javascript inside it...
<!DOCTYPE html>
<html>
<head>
<title>Table to JSON Example</title>
</head>
<body>
<table id="myTable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>25</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
<td>Female</td>
</tr>
<tr>
<td>Bob</td>
<td>40</td>
<td>Male</td>
</tr>
</tbody>
</table>
<div id="output"></div>
<script>
function tableToJson(table) {
var data = [];
for (var i = 1; i < table.rows.length; i++) {
var tableRow = table.rows[i];
var rowData = {};
for (var j = 0; j < tableRow.cells.length; j++) {
var tableHeader = table.rows[0].cells[j].innerHTML;
var tableData = tableRow.cells[j].innerHTML;
rowData[tableHeader] = tableData;
}
data.push(rowData);
}
return data;
}
window.onload = function() {
var table = document.getElementById("myTable");
var json = tableToJson(table);
console.log(json);
var outputElement = document.getElementById("output");
outputElement.innerHTML = JSON.stringify(json);
};
</script>
</body>
</html>
and the output of javascript is this
[ { "Name": "John", "Age": "25", "Gender": "Male" }, { "Name": "Jane", "Age": "30", "Gender": "Female" }, { "Name": "Bob", "Age": "40", "Gender": "Male" }]
and don't know how to run it in the app and get the result of javascript in a label..
please guide me anyone pleae