More actions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
var parentElement = document.getElementById('simple-calc__container'); | var parentElement = document.getElementById('simple-calc__container'); | ||
// Get the span element to be replaced | // 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.slice(0, 3).forEach(function (spanElement) { | |||
// Create the input element | |||
var inputElement = document.createElement('input'); | |||
inputElement.type = 'text'; | |||
inputElement.placeholder = 'Enter a value'; | |||
// Replace the span element with the input element | |||
spanElement.parentNode.replaceChild(inputElement, spanElement); | |||
}); | |||
// Get the span element to be replaced with the button | |||
var spanElement = document.getElementById('simple-calc__rcalculate'); | var spanElement = document.getElementById('simple-calc__rcalculate'); | ||
Revision as of 01:27, 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.slice(0, 3).forEach(function (spanElement) {
// Create the input element
var inputElement = document.createElement('input');
inputElement.type = 'text';
inputElement.placeholder = 'Enter a value';
// Replace the span element with the input element
spanElement.parentNode.replaceChild(inputElement, spanElement);
});
// Get the span element to be replaced with the button
var spanElement = document.getElementById('simple-calc__rcalculate');
// 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] + ')');