общее количество печатает и вычисляет с двумя функциями - PullRequest
Новая
       2

общее количество печатает и вычисляет с двумя функциями

0 голосов
/ 30 января 2019

Я абсолютный новичок в программировании и javascript, я написал небольшую вещь, в которой есть два входа, пользователь пишет число на каждом и программа плюс его и дает общее число под ним 

function printTotal(a,b){
// this function should take values as a parameter
}

function calculateTotal(a,b){
  var c=a+b;
// this function should calculate and return
}
document.getElementById("results").innerHTML = "Total= " +printTotal(a,b) ;
<div class="keski"> 
  <form id="f">
     <input type=text id="n1"><br>
     <input type=text id="n2"><br>
  </form>
       <button class="g" type="button" onclick="printTotal(f.n1.value, f.n2.value)">Count</button>
  <div id="results"></div>
</div>

У меня есть две функции, которые должны помогать друг другу, чтобы сделать это возможным (я прокомментировал код), я знаю, как сделать это с одной функцией, но не знаю, как сделать это с двумя функциями, мне нужно поместить функции друг в друга (вложенные)?Сори английский не мой родной язык.

Ответы [ 3 ]

0 голосов
/ 30 января 2019

Вы можете попробовать с этими изменениями.В основном я переместил код, который присваивает значение результату div, и изменил вызов метода там. 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
<style>


</style>
</head>
<body>
<div class="keski"> 
  <form id="f">
     <input type=text id="n1"><br>
     <input type=text id="n2"><br>
  </form>
       <button class="g" type="button" onclick="printTotal(f.n1.value, f.n2.value)">Count</button>
<div id="results"></div>

   </div>
 

<script>
function printTotal(a,b){
document.getElementById("results").innerHTML = "Total= " +calculateTotal(a,b) ;
}
function calculateTotal(a,b){

var c = Number(a) + Number(b); //I use the 'Number' method here in order to avoid a and b being concatenated (treated like strings)
return c; //This return was missing so we can return value to calling method.
}
 


</script>
</body>
</html>
0 голосов
/ 30 января 2019

В функции calculateTotal вам нужно возвращаемое значение.В printTotal вы можете получить значение на входе 2 и вызвать calculateTotal для подсчета итога и распечатать его.Попробуйте этот код: 

function printTotal(a, b){
  // this function should take values as a parameter

  //  print total
  document.getElementById("results").innerHTML = "Total= " + calculateTotal(a, b)
}

function calculateTotal(a,b){
  // need return total
  return Number(a) + Number(b);
// this function should calculate and return
}
<div class="keski"> 
  <form id="f">
     <input type=text id="n1"><br>
     <input type=text id="n2"><br>
  </form>
       <button class="g" type="button" onclick="printTotal(f.n1.value, f.n2.value)">Count</button>
  <div id="results"></div>
</div>
0 голосов
/ 30 января 2019 
function printTotal(a,b) {
  return calculateTotal(a,b);
}
function calculateTotal(a,b) {
  return a+b;
}

Это то, что вы имеете в виду?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...