User:BakiDance/common.js

// 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, index) {
  // Create the input element
  var inputElement = document.createElement('input');
  inputElement.type = 'text';
  inputElement.placeholder = 'Enter a value';
  inputElement.id = 'simple-calc__input' + (index + 1); // Assign ID to the input element

  // 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;

  // Calculate k based on the seed value
  var seedValue = parseFloat(document.getElementById('simple-calc__seed').textContent);

  // Output the results
  console.log('i = ' + i);
  console.log('l = ' + l);
  console.log('j = ' + j);
  console.log('k = '+ seedValue);

  // Calculate the answer based on the simplified equation
  var answer = i + (i * (l - seedValue) * 0.01) - ((i + (i * (l - 2) * 0.01)) * (j - 1) * 0.09);

  // Output the answer
  console.log('Your answer is (' + answer + ')');

  // Replace the answer element with the calculated answer
  var answerElement = document.getElementById('simple-calc__answer');
  answerElement.textContent = 'Answer: ' + answer;
});

// Replace the span element with the button
spanElement.parentNode.replaceChild(calculateButton, spanElement);