Create a separate function to split up the numbers provided in the prompt

Question

Create a separate function to split up the numbers provided in the prompt

I've developed a program that calculates the denomination of bank notes (2, 5, 10, 20, etc.) you need to pay based on a number you input in the prompt.

Now, I'm looking to enhance this program by taking the input number from the first step and dividing it by a new number entered by the user in a prompt. This will help me calculate the average cost of one item.

Can someone guide me on how to achieve this?

Below is the code I've written for the initial part.

var amount = prompt("Enter amount:");

var bankNotes = [500, 200, 100, 50, 20, 10, 5, 2, 1];
var totalNotes = 0;
var output = "";
for (i = 0; i < bankNotes.length; i++) {
  var x = amount / bankNotes[i];
  if (x >= 1) {
    var difference = Math.floor(x) * bankNotes[i];
    amount = amount - difference;
    totalNotes = Math.floor(x) + totalNotes;
    output = output + Math.floor(x) + "x" + bankNotes[i] + ",";
    console.log(output);
  }
}
window.onload = function() {
  document.getElementById("display").innerHTML = "Payment requires " + output;
}

<span id="display"></span>

javascript prompt calculation

Answer 1

Answer №1

It seems there might be some uncertainty in interpreting the question, but if you simply want to include another user-input variable and perform a division operation with it in your program, you can achieve it with the following code snippet (although the practical application of this is unclear):

var number = prompt("Enter a number:");
var divisor = prompt("Divide by this number:");

var banknote = [500, 200, 100, 50, 20, 10, 5, 2, 1];
var count = 0;
var result = number / divisor;
var output = "";
for (i = 0; i < banknote.length; i++) {
  var x = number / banknote[i];
  if (x >= 1) {
    var difference = Math.floor(x) * banknote[i];
    number = number - difference;
    count = Math.floor(x) + count;
    output = output + Math.floor(x) + "x" + banknote[i] + ",";
    console.log(output);
  }
}
window.onload = function() {
  document.getElementById("go").innerHTML = "Payment requires " + output + " whereas the result of the division is: " + result;
}

<span id="go"></span>

In essence, all you need to do is introduce another prompt, store its value in a new variable, and then carry out a division operation with it.

Best regards, C

Answer 2

It seems there might be some uncertainty in interpreting the question, but if you simply want to include another user-input variable and perform a division operation with it in your program, you can achieve it with the following code snippet (although the practical application of this is unclear):

var number = prompt("Enter a number:");
var divisor = prompt("Divide by this number:");

var banknote = [500, 200, 100, 50, 20, 10, 5, 2, 1];
var count = 0;
var result = number / divisor;
var output = "";
for (i = 0; i < banknote.length; i++) {
  var x = number / banknote[i];
  if (x >= 1) {
    var difference = Math.floor(x) * banknote[i];
    number = number - difference;
    count = Math.floor(x) + count;
    output = output + Math.floor(x) + "x" + banknote[i] + ",";
    console.log(output);
  }
}
window.onload = function() {
  document.getElementById("go").innerHTML = "Payment requires " + output + " whereas the result of the division is: " + result;
}

<span id="go"></span>

In essence, all you need to do is introduce another prompt, store its value in a new variable, and then carry out a division operation with it.

Best regards, C

Answer 3

Answer №2

To maintain certain local state, experiment with the following:

Codepen

  <span id="gremo"></span>
  <span id="avg"></span>
  <button id="add">add item</button>

var pastItemPrices = [];

function calculateBills() {
    var amount = prompt("Enter amount:");
    pastItemPrices.push(parseInt(amount));
    var banknote = [500, 200, 100, 50, 20, 10, 5, 2, 1];
    var number_of_banknotes = 0;
    var display = "";
    for (i = 0; i < banknote.length; i++) {
        var x = amount / banknote[i]; 
        if (x >= 1) {
            var difference = Math.floor(x) * banknote[i];
            amount = amount - difference;
            number_of_banknotes = Math.floor(x) + number_of_banknotes;
            display = display + Math.floor(x) + "x" + banknote[i] + ",";
        }
    }
    document.getElementById("gremo").innerHTML = "To pay, you will need " + display;
    document.getElementById("avg").innerHTML = "Average price: " + pastItemPrices.reduce((total, price) => total + price) / pastItemPrices.length
}

window.onload = function() {
    document.getElementById("add").addEventListener("click", calculateBills);
    calculateBills();
}

Answer 4

To maintain certain local state, experiment with the following:

Codepen

  <span id="gremo"></span>
  <span id="avg"></span>
  <button id="add">add item</button>

var pastItemPrices = [];

function calculateBills() {
    var amount = prompt("Enter amount:");
    pastItemPrices.push(parseInt(amount));
    var banknote = [500, 200, 100, 50, 20, 10, 5, 2, 1];
    var number_of_banknotes = 0;
    var display = "";
    for (i = 0; i < banknote.length; i++) {
        var x = amount / banknote[i]; 
        if (x >= 1) {
            var difference = Math.floor(x) * banknote[i];
            amount = amount - difference;
            number_of_banknotes = Math.floor(x) + number_of_banknotes;
            display = display + Math.floor(x) + "x" + banknote[i] + ",";
        }
    }
    document.getElementById("gremo").innerHTML = "To pay, you will need " + display;
    document.getElementById("avg").innerHTML = "Average price: " + pastItemPrices.reduce((total, price) => total + price) / pastItemPrices.length
}

window.onload = function() {
    document.getElementById("add").addEventListener("click", calculateBills);
    calculateBills();
}

Answer 5

Answer №3

Is this the type of code snippet you were looking for?

function calculateAmount() {
  var amount = prompt("Enter the amount:");
  const copyAmount = amount; // take a copy
  var banknotes = [500, 200, 100, 50, 20, 10, 5, 2, 1];
  var numBanknotes = 0;
  var display = "";
  for (i = 0; i < banknotes.length; i++) {
    var x = amount / banknotes[i];
    if (x >= 1) {
      var difference = Math.floor(x) * banknotes[i];
      amount = amount - difference;
      numBanknotes = Math.floor(x) + numBanknotes;
      display = display + Math.floor(x) + "x" + banknotes[i] + ",";
//      console.log(display);
    }
  }
  document.getElementById("output").innerHTML = "The payment requires " + display;
  setTimeout(function() { secondAmount(copyAmount) } ,10); // allow DOM update
}
function secondAmount(copyAmount) {
  var newAmount =  prompt("Enter another amount")
  if (copyAmount && isNaN(copyAmount) || isNaN(newAmount)) {
    document.getElementById("output").innerHTML = "Unfortunately, not numbers";
    return;
  }
  else {
    console.log(copyAmount, newAmount, copyAmount / newAmount)
    document.getElementById("output").innerHTML += "<br/>" + (copyAmount / newAmount).toFixed(2)
  }
}  
window.addEventListener("load", calculateAmount)

<span id="output"></span>

Answer 6

Is this the type of code snippet you were looking for?

function calculateAmount() {
  var amount = prompt("Enter the amount:");
  const copyAmount = amount; // take a copy
  var banknotes = [500, 200, 100, 50, 20, 10, 5, 2, 1];
  var numBanknotes = 0;
  var display = "";
  for (i = 0; i < banknotes.length; i++) {
    var x = amount / banknotes[i];
    if (x >= 1) {
      var difference = Math.floor(x) * banknotes[i];
      amount = amount - difference;
      numBanknotes = Math.floor(x) + numBanknotes;
      display = display + Math.floor(x) + "x" + banknotes[i] + ",";
//      console.log(display);
    }
  }
  document.getElementById("output").innerHTML = "The payment requires " + display;
  setTimeout(function() { secondAmount(copyAmount) } ,10); // allow DOM update
}
function secondAmount(copyAmount) {
  var newAmount =  prompt("Enter another amount")
  if (copyAmount && isNaN(copyAmount) || isNaN(newAmount)) {
    document.getElementById("output").innerHTML = "Unfortunately, not numbers";
    return;
  }
  else {
    console.log(copyAmount, newAmount, copyAmount / newAmount)
    document.getElementById("output").innerHTML += "<br/>" + (copyAmount / newAmount).toFixed(2)
  }
}  
window.addEventListener("load", calculateAmount)

<span id="output"></span>

Create a separate function to split up the numbers provided in the prompt

Answer №1

Answer №2

Answer №3

Similar questions

What advantages come from caching the document object for improved performance?

Tips for applying stroke and shadow effects specifically when the mouse is moving over a canvas:

Using MongoMapper with Rails to efficiently render arrays in views

Angular JS Integration with PapaParse

I am excited to create a Dynamic Routing system that selects specific elements from an array of objects using Typescript

What sets TypeScript apart from AtScript?

Setting up Geolocation

Finding your way through Bootstrap Datepicker using the Previous and Next Buttons

Unable to begin the previous project on my Mac, but it functions properly on Windows

Arranging divs using inline-block display. How to adjust the heights consecutively?

Although AJAX $.post functions properly in the View, it seems to encounter issues when relocated to a separate .js file. Interestingly, all other JQuery functions work

Establishing a universal function within Ionic AngularJS

The if-else statement doesn't seem to be functioning correctly once the else condition is included

What is the significance of the statement "What is the meaning of "#include <common>" in Three.js, WebGL, and GLSL?

Universal Module Identifier

The AreaChart in Google is displaying incorrect dates on the axis

Why is `screen` important?

Discover the two words before and after a span element using jQuery

Top methods for handling special characters in a database

What steps are needed to set up my Express server so that it can render all my content, rather than just my HTML file?