Почему этот скрипт не работает? [JS]

-2

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title></title> 

<script type="text/javascript"> 
    spreadSheet= new Array(9),summary=""; 
    for(var i=0; i<spreadSheet.length; i++) 
     spreadSheet[i]=0; 

    document.writeln("<h1>Poll<\/h1><form method='get' id='tally' action=''>"); 
    document.writeln("<p>Enter Sales Amount:<br/><input type='text' id='cash'/><input type='button' value='calculate' onclick='calculateSalary()'/><\/p>"); 
    document.writeln("<\/form>"); 

    function calculateSalary(){ 
      var value=document.getElementById("cash").value; 
      switch(value){ 
       case (value<300):++spreadSheet[0]; break; 
       case (value<400):++spreadSheet[1]; break; 
       case (value<500):++spreadSheet[2]; break; 
       case (value<600):++spreadSheet[3]; break; 
       case (value<700):++spreadSheet[4]; break; 
       case (value<800):++spreadSheet[5]; break; 
       case (value<900):++spreadSheet[6]; break; 
       case (value<1000):++spreadSheet[7];break; 
       default:++spreadSheet[8];break; 
      } 
    } 
    function display(){ 
     summary="Number of People who earned salaries in the following ranges: \n\n"; 
     summary+="$200 – 299:\t" + spreadSheet[0] + "\n"; 
     summary+="$300 – 399:\t" + spreadSheet[1] + "\n"; 
     summary+="$400 – 499:\t" + spreadSheet[2] + "\n"; 
     summary+="$500 – 599:\t" + spreadSheet[3] + "\n"; 
     summary+="$600 – 699:\t" + spreadSheet[4] + "\n"; 
     summary+="$700 – 799:\t" + spreadSheet[5] + "\n"; 
     summary+="$800 – 899:\t" + spreadSheet[6] + "\n"; 
     summary+="$900 – 999:\t" + spreadSheet[7] + "\n"; 
     summary+="$1000 and over\t" + spreadSheet[8] + "\n"; 
     return summary; 
    } 
    document.writeln("<textarea cols='80' rows='15'>"+display()+"<\/textarea>"); 

</script> 
</head> 
<body> 
</body> 
</html>

Я новичок в javascript, и да, я честно пытался помочь себе перед публикацией.Почему этот скрипт не работает? [JS]

Я просто хочу сделать простую программу, которая принимает пользовательский ввод от кнопки, а затем увеличивает элемент глобального массива на основе значения, которое вводит пользователь. Проблема в том, что я не могу заставить глобальный массив работать правильно. Что я делаю не так?

источник

2013-03-02 John Budah

В журнале нет сообщений об ошибке? –

Почему вы используете 'document.write()' из раздела ''? Он должен быть в ''. – jfriend00

уточните, что «не работает» –

Как указано в комментариях, проблема заключается в том, что вы увеличиваете значения, а затем ничего не делаете с ними. Содержимое textarea уже установлено и не будет автоматически перестраиваться, когда переменные, которые изначально были использованы для его создания, изменяются.

Дайте TEXTAREA идентификатор при его создании:

document.writeln("<textarea cols='80' rows='15' id='results'>"+display()+"<\/textarea>");

Добавьте к этому функцию calculateSalary() так, что он обновляет текстовое поле:

document.getElementById('results').value = display();

изменения также заявление переключатель в switch(true) так что это увеличивает правильную переменную.

Демонстрация: http://jsfiddle.net/QkQ5v/

источник

2013-03-02 08:50:52 JJJ

+1 для скрипки – asprin

Спасибо, это сработало. –

Почему этот скрипт не работает? [JS]

ответ

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