Конвертеры, как сделать так, чтобы оба выходных окна работали?

-2

Я делаю проект конвертера. Когда я помещаю число в поле с номером, оно отображается в поле2. Но когда я пытаюсь ввести число в поле2, и он не отобразит ответ в поле1. Может кто-нибудь мне помочь? Я не знаю jquery, и я начинаю html и javascript. Надеюсь, кто-то может мне помочь. БлагодаряКонвертеры, как сделать так, чтобы оба выходных окна работали?

function NumberToSquare(num) 
 
{ 
 
var sqrt; 
 
sqrt = Math.sqrt(num); 
 
return sqrt; 
 
} 
 

 
function SquareToNumber(sqrt) 
 
{ 
 
var num; 
 
num = Math.pow(sqrt,2); 
 
return num; 
 
}

<html> 
 
<head> 
 
<title>Program Assignment 5</title> 
 

 
<script type = text/javascript src = "calculate.js"> </script> 
 

 
<script type="text/javascript"> 
 
function ConvertToSqrt() 
 
    //Assumes: Number contains a number 
 
    //Results: displays the square root in box2 
 
    { 
 
    num = parseFloat(document.getElementById('box1').value); 
 
    sqrt = NumberToSquare(num); 
 
    box2.value=sqrt; 
 
    } 
 
    
 
    function ConvertToNum() 
 
    //Assumes: Square contains a number of square root 
 
    //Results: displays the number in box1 
 
    { 
 
    sqrt = parseFloat(document.getElementById('box2').value); 
 
    num = SquareToNumber(sqrt); 
 
    box1.value=num; 
 
    } 
 
</script> 
 

 
</head> 
 

 
<body> 
 
<div style="border: solid; width: 300px; background-color: #83CAFF"> 
 

 
<table> 
 
<th></th> <th>Square Root Calculation</th> 
 
<tr> 
 
<th>Enter Number:</th><th><input type="number" id="box1" value=""></th> 
 
<tr> 
 
<th>SquareRoot:</th><th><input type="number" id="box2" value=""></th> 
 
<tr> 
 
<th></th><th><input type="button" value="Calculate" onclick="ConvertToSqrt(); ConvertToNum();"> 
 
</table> 
 
</div>

источник

2016-11-10 Winnie Chan

Если окно 1 является входом для коробки 2, то как поле 2 будет вход для коробки 1 в то же самое время? Вам нужно указать свой код, который можно использовать в качестве источника. Может быть, кнопка «ToSqrt» и кнопка «ToSquared» вместо одной кнопки, чтобы попытаться сделать то и другое. – Sam07

Так что я должен сделать еще одну кнопку? Мой учитель просит нас использовать функцию возвращаемого значения, но я не совсем уверен, что это такое. –

Я никогда не слышал о том, что называется функцией возвращаемого значения, но если бы мне пришлось предположить, что он/она означает, что вы должны использовать функцию, которая возвращает значение, которое вы уже имеете. – Sam07

Если это поможет любому, вот быстрый пример. Это некрасиво, но вы можете взять то, что вам нужно, и использовать его самостоятельно.

<html> 
 
<head> 
 
    <title></title> 
 
    <script> 
 
     function calc(which) { 
 
      var newVal; 
 
      if (which == "sqrt") { 
 
       newVal = parseFloat(document.getElementById("num").value); 
 
       newVal = Math.sqrt(newVal); 
 
      } 
 
      else if (which == "num") { 
 
       newVal = parseFloat(document.getElementById("sqrt").value); 
 
       newVal = Math.pow(newVal, 2); 
 
      } 
 

 
      document.getElementById(which).value = newVal; 
 
     } 
 
    </script> 
 
</head> 
 
<body> 
 
    <div style="width:400px;padding:25px;display:inline-block;line-height:150%;background-color:#83CAFF;font-weight:bold;border:solid 1px black;"> 
 
     <div style="width:200px;float:left;"> 
 
      <label>Number:</label> 
 
      <br /> 
 
      <label>SquareRoot:</label> 
 
     </div> 
 
     <div style="width:200px;float:right;"> 
 
      <input type="number" id="num"/> 
 
      <br /> 
 
      <input type="number" id="sqrt"/> 
 
     </div> 
 
     <button type="button" style="width:100%;" onclick="calc('sqrt');">Calc Sqrt</button> 
 
     <button type="button" style="width:100%;" onclick="calc('num');">Calc Num</button> 
 
    </div> 
 
</body> 
 
</html>

источник

2016-11-10 20:57:24 hack3rfx

Спасибо :) Тогда я попробую. –

Конвертеры, как сделать так, чтобы оба выходных окна работали?

ответ

Смежные вопросы