Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

User:BakiDance/common.js: Difference between revisions

No edit summary
(Prev worked - attempting to make more efficient)
Line 1: Line 1:
// Get the parent element
// Create the input elements and replace the corresponding span elements
var parentElement = document.getElementById('simple-calc__container');
for (var index = 1; index <= 3; index++) {
  var spanElement = document.getElementById('simple-calc__rinput' + index);


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


   // Replace the span element with the input element
   // Replace the span element with the input element
   spanElement.parentNode.replaceChild(inputElement, spanElement);
   spanElement.parentNode.replaceChild(inputElement, spanElement);
});
}


// Get the span element to be replaced with the button
// Get the span element to be replaced with the button
Line 47: Line 40:
   console.log('l = ' + l);
   console.log('l = ' + l);
   console.log('j = ' + j);
   console.log('j = ' + j);
   console.log('k = '+ seedValue);
   console.log('k = ' + seedValue);


   // Calculate the answer based on the simplified equation
   // Calculate the answer based on the simplified equation

Revision as of 02:15, 25 October 2023

// Create the input elements and replace the corresponding span elements
for (var index = 1; index <= 3; index++) {
  var spanElement = document.getElementById('simple-calc__rinput' + index);

  // Create the input element
  var inputElement = document.createElement('input');
  inputElement.type = 'text';
  inputElement.placeholder = 'Enter a value';
  inputElement.id = 'simple-calc__input' + index;

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