Add
Subtract
Multiply
Divide
function performCalculation() {
const value = parseFloat(document.getElementById(‘inputValue’).value);
const operation = document.getElementById(‘calculateOption’).value;
let result;
if (isNaN(value)) {
document.getElementById(‘error-message’).innerText = “Please enter a valid number.”;
return;
}
switch (operation) {
case ‘add’:
result = value + 10;
break;
case ‘subtract’:
result = value – 10;
break;
case ‘multiply’:
result = value * 10;
break;
case ‘divide’:
if (value === 0) {
document.getElementById(‘error-message’).innerText = “Cannot divide by zero.”;
return;
}
result = value / 10;
break;
}
document.getElementById(‘result’).value = result;
document.getElementById(‘error-message’).innerText = ”;
}
function saveToGoogleDrive() {
const result = document.getElementById(‘result’).value;
if (!result) {
document.getElementById(‘error-message’).innerText = “Please calculate a result before saving.”;
return;
}
// Placeholder for Google Drive API integration
console.log(‘Saving result to Google Drive: ‘, result);
alert(‘Result saved to Google Drive!’);
}
.calculator-container {
width: 300px;
margin: auto;
padding: 20px;
border-radius: 10px;
background-color: #f5f5f5;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.calculator-header {
text-align: center;
margin-bottom: 20px;
}
.input-group {
margin-bottom: 15px;
}
.input-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.input-group input, .input-group select {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
}
.action-buttons {
display: flex;
justify-content: space-between;
}
.action-buttons button {
width: 48%;
padding: 10px;
background-color: #0093da;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.action-buttons button:hover {
background-color: #007bb5;
}
