Блог

Главная - Вопросы по программированию - Заменены фиксированные переменные в JS на входные данные из HTML

Заменены фиксированные переменные в JS на входные данные из HTML

#javascript #forms #variables #input

#javascript #формы #переменные #ввод

Вопрос:

Я загрузил некоторый код JavaScript, который создает график выплат по кредитной карте с переплатой и без нее. Этот код имеет фиксированные переменные.

Я хотел бы добавить входные данные HTML для отправки пользователем, однако скрипт подключается к удаленной ссылке, поэтому я изо всех сил пытаюсь добавить функцию для подключения скрипта к HTML. Можно ли включить входные данные HTML, если да, то как?

 <body>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.3/clipboard.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.12.0/d3.min.js">
  </script>
  <script type="text/javascript" src="https://www.moneymage.net/mm.min.js"></script>


  <div id="creditcard-interest-chart"></div>

  <!--want to add input variables here-->

  <script type="text/javascript">
    //preventing me adding function below...
    moneymage.ready(() => {

      //fixed variables below...
      var creditCardBalance = 5500;
      var interestRate = 19.5 / 100.0;
      var minimumMonthlyRepaymentPercent = 2.5 / 100.0;
      var minimumMonthlyRepaymentFixed = 15.0;
      var optionalMonthlyRepaymentOverAndAboveMinimum = 175;
      var months = 25 * 12;

      moneymage.createCreditCardInterestChart(creditCardBalance,
        interestRate,
        minimumMonthlyRepaymentPercent,
        minimumMonthlyRepaymentFixed,
        optionalMonthlyRepaymentOverAndAboveMinimum,
        months,
        "creditcard-interest-chart");
    });
  </script>

</body>

Ответ №1:

Если вы ожидаете ввода пользователем, вам, вероятно, не нужно ждать, пока moneymage будет готов, поэтому вы можете просто запустить функцию moneymage.createCreditCardInterestChart отправки для формы с нужными вам входными данными.

Этот пример был бы общей идеей для начала: https://codesandbox.io/s/compassionate-night-sl156?file=/index.html