<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Company Info App</title>
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
}
button {
margin: 5px 0;
}
</style>
</head>
<body>
<h1>Company Information</h1>
<div id="output"></div>
<button onclick="showCompany()">Show Company Info</button>
<button onclick="showActivities()">Show Activities</button>
<button onclick="addActivity()">Add New Activity</button>
<script src="company.js"></script>
</body>
</html>
// Company data
const company = {
companyName: "Healthy Candy",
activities: [
"food manufacturing",
"improving kids' health",
"manufacturing toys"
],
address: {
street: "2nd street",
number: "123",
zipcode: "33116",
city: "Miami",
state: "Florida"
},
yearOfEstablishment: 2021
};
// Display company info
function showCompany() {
const output = document.getElementById("output");
output.innerHTML = `
<h2>${company.companyName}</h2>
<p><strong>Established:</strong> ${company.yearOfEstablishment}</p>
<p><strong>Address:</strong>
${company.address.number} ${company.address.street},
${company.address.city}, ${company.address.state}
</p>
`;
}
// Display activities
function showActivities() {
const output = document.getElementById("output");
let activitiesList = "<ul>";
company.activities.forEach(activity => {
activitiesList += `<li>${activity}</li>`;
});
activitiesList += "</ul>";
output.innerHTML = `
<h3>Company Activities</h3>
${activitiesList}
`;
}
// Add a new activity
function addActivity() {
const newActivity = prompt("Enter a new activity:");
if (newActivity) {
company.activities.push(newActivity);
alert("Activity added!");
}
}