Member 13982327 Ответов: 1

Что я упускаю? После нажатия на кнопку он говорит: "ваше измерение-НАН"


<!DOCTYPE html>

   
      <meta charset="utf-8">
      <title> Currency Converter
      
         body { background-image: url("alien.png");}
         #converter { position: absolute; width: 300px; height: 200px; z-index: 15; top: 45%; left: 700px; margin: -100px 0 0 -150px;}
         #header { width:404px; border:5px solid black; border-radius:5px 5px 0px 0px; background-color: black; font-family: Courier; font-size: 150%; color: white;}
         #main_content { width:404px; border:5px solid black; border-radius:0px 0px 5px 5px; background-color: black; color: white; font-family: Courier;}
      
      
         function lengthConverter(valNum) {
         
         var length;
         
         length = document.getElementById('selLength').value;
         
         if (length=='cm') {
         valNum = valNum*2.54;
         }
         
         if (length=='ft') {
         valNum = valNum*0.0833;
         }
		 
         if (length=='yd') {
         valNum = valNum*0.02778;
         }
         
         valNum = valNum.toFixed(2);
         
         var resultsString = "<h2> Your measurement is "+ valNum +" </h2>";
         document.getElementById('results').innerHTML = resultsString;
         }
      
   
   
      <div id="converter">
         <div id="header"> Currency Converter</div> <!--End of header section -->
         <div id="main_content">
            
               <p>Please enter length in inches<br>
                  in.
               </p>
               <p>
                  Convert into<br>
                  
                     
                      Centimeters
                      Feet
                      Yards
                  
               </p>
               
            
            <div id="results"></div>
            <!-- End of results section-->
         </div>
         <!-- End of main content section-->
      </div>
      <!-- End of converter div section-->


Что я уже пробовал:

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

ZurdoDev

Это означает, что ваш код не работает. НАН означает не число. Просто отладьте свой код и шагайте по нему строка за строкой, и вы точно увидите, что происходит.

MadMyche

Обратите внимание, что javascript чувствителен к регистру; "nan" ничего не значит, а "NaN" означает "не число"
Чтобы выяснить, где находится ваша фактическая ошибка; ou нужно будет представить HTML-код для [входных данных] в форме.

1 Ответов

Рейтинг:
0

littleGreenDude

To quote Griff... We do not do your homework: it is set for a reason. It is there so that you think about what you have been told, and try to understand it. It is also there so that your tutor can identify areas where you are weak, and focus more attention on remedial action.

Тем не менее, похоже, что вы нанесли ему удар. Чего не хватает, так это элементов управления, позволяющих вводить / выбирать данные, и кнопки или чего-то еще, чтобы запустить функцию для выполнения вычисления. Не зная точных требований, вот решение в его самом базовом виде (без какой-либо стилизации).

<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
function lengthConverter(valNum) {

var length;

length = document.getElementById('selLength').value;

if (length=='cm') {
valNum = valNum*2.54;
}

if (length=='ft') {
valNum = valNum*0.0833;
}

if (length=='yd') {
valNum = valNum*0.02778;
}

valNum = valNum.toFixed(2);

var resultsString = "<h2> Your measurement is "+ valNum +" </h2>";
document.getElementById('results').innerHTML = resultsString;
}
	
</script>

<html>
<body>
 
  Value: <input type="text" id="valueToConvert" size="8" >inches<br/>
<input type="button" value="Convert To" onclick="var val=document.getElementById('valueToConvert').value;lengthConverter(val)">
   <select id="selLength">
  <option value="cm">Centimeter</option>
  <option value="ft">Foot</option>
  <option value="yd">Yard</option>
</select>
<div id="results">
</div>

</body>
</html> 


Удачи вам в вашем курсе и счастливого кодирования. Поскольку вы новичок в CP, пожалуйста, примите решение / проголосуйте, если оно работает для вас.