More actions
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
// Loop through each span element | // Loop through each span element | ||
spanArray.forEach(function(spanElement) { | spanArray.forEach(function (spanElement) { | ||
// Create the | // Create the button element | ||
var | var calculateButton = document.createElement('button'); | ||
calculateButton.id = 'calculate-btn'; | |||
calculateButton.textContent = 'Calculate'; | |||
// | // Add click event listener to the button | ||
calculateButton.addEventListener('click', function () { | |||
// Get the input values | |||
var inputValue1 = parseFloat(document.getElementById('simple-calc__input1').value); | |||
var inputValue2 = parseFloat(document.getElementById('simple-calc__input2').value); | |||
var inputValue3 = parseFloat(document.getElementById('simple-calc__input3').value); | |||
// Replace the span element with the | // Perform calculations | ||
spanElement.parentNode.replaceChild( | var i = inputValue1; | ||
var l = inputValue2; | |||
var j = inputValue3; | |||
// Output the results | |||
console.log('i = ' + i); | |||
console.log('l = ' + l); | |||
console.log('j = ' + j); | |||
// You can perform further calculations or actions based on the input values here | |||
}); | |||
// Replace the span element with the button | |||
spanElement.parentNode.replaceChild(calculateButton, spanElement); | |||
}); | }); | ||
Revision as of 01:21, 25 October 2023
// Get the parent element
var parentElement = document.getElementById('simple-calc__container');
// Get the span elements to be replaced
var spanElements = parentElement.getElementsByTagName('span');
// Convert spanElements to an array
var spanArray = Array.from(spanElements);
// Loop through each span element
spanArray.forEach(function (spanElement) {
// Create the button element
var calculateButton = document.createElement('button');
calculateButton.id = 'calculate-btn';
calculateButton.textContent = 'Calculate';
// Add click event listener to the button
calculateButton.addEventListener('click', function () {
// Get the input values
var inputValue1 = parseFloat(document.getElementById('simple-calc__input1').value);
var inputValue2 = parseFloat(document.getElementById('simple-calc__input2').value);
var inputValue3 = parseFloat(document.getElementById('simple-calc__input3').value);
// Perform calculations
var i = inputValue1;
var l = inputValue2;
var j = inputValue3;
// Output the results
console.log('i = ' + i);
console.log('l = ' + l);
console.log('j = ' + j);
// You can perform further calculations or actions based on the input values here
});
// Replace the span element with the button
spanElement.parentNode.replaceChild(calculateButton, spanElement);
});
//
var i = 1;
var l = 4;
var j = 1;
var k = 40;
var answers = [
(i + (i * (l - k) * 0.01) - ((i + (i * (l - 2) * 0.01)) * (j - 1) * 0.09))
];
console.log('Your answer is (' + answers[0] + ')');