User:BakiDance/common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

// 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('seedValue = '+ seedValue);

  // You can perform further calculations or actions based on the input values here

var answer = (i + (i * (l - seedValue) * 0.01) - ((i + (i * (l - 2) * 0.01)) * (j - 1) * 0.09));

console.log('Your answer is (' + answer + ')');

});

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