|
Tags: Blanking Manual revert |
| (19 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| // 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] + ')');
| |
