HTML/Javascript Добавление текста в массив

-1

Я занимаюсь кодированием на Dreamweaver и сталкивался с проблемой при работе с массивами и т. П. Я пытался это сделать, когда вы вводите что-то в поле и нажимаете кнопку, он добавляет текст в массив, позволяя другим кнопкам отображать массив. Он не работает, и я не могу найти правильный термин для помощи Google.HTML/Javascript Добавление текста в массив

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Batman has cancer</title> 

     <script> 
      var colours = ["Red"," Green"," Blue"] 
      function sort() { 
       colours.toString 
       document.getElementById("result1").innerHTML = "unsorted array= " + colours; 

       colours.sortArray(); 
       colours.toString(); 
       document.getElementById("result2").innerHTML = "sorted arrays= " + colours; 
      } 
      function count() { 
       document.getElementById("Count").innerHTML="=array size is: " + colours.length; 
      } 
      function add() { 
       colours = colours + getElementById("textBox").innerHTML    

      } 
     </script> 
    </head> 

    <body> 
     <input type="submit" name="button" id="button" value="Sort" onClick="sort()"/> 

     <input type="submit" name="button2" id="button2" value="Count" onClick="count()"/> 

     <input type="text" name="textBox" id="textBox"/> 

     <input type="submit" name="button3" id="button3" value="Add" onClick="add()"/> 

     <p id="result1"></p> 
     <p id="result2"></p> 
     <p id="Count"></p> 
    </body> 
</html>

источник

2016-03-10 Kaiya Miller

нет никакого 'метод sortArray' для массива –

использования' colours.sort() ' –

я переписал код:

var colours = ["Red"," Green"," Blue"]; 
 
function sort() { 
 
    document.getElementById("result1").innerHTML = "unsorted array= " + colours; 
 
    colours.sort(); 
 
    document.getElementById("result2").innerHTML = "sorted arrays= " + colours; 
 
} 
 
function count() { 
 
    document.getElementById("Count").innerHTML="=array size is: " + colours.length; 
 
} 
 
function add() { 
 
    colours.push(document.getElementById("textBox").value);    
 
}

<input type="submit" value="Sort" onClick="sort()"/> 
 
<input type="submit" value="Count" onClick="count()"/> 
 
<input type="text" name="textBox" id="textBox"/> 
 
<input type="submit" value="Add" onClick="add()"/> 
 
<p id="result1"></p> 
 
<p id="result2"></p> 
 
<p id="Count"></p>

источник

2016-03-10 10:48:26 xxxmatko

Спасибо, это помогло много c: –

лучшее предложение, которое я могу сделать - забыть Dreamweaver и научиться кодировать с помощью редактора, такого как Notepad ++ или подобного. DW может показаться проще, но это не так хорошо, как понимание кода самостоятельно, и это серьезно раздувает код. Просто мои 2центы стоит. – gavgrif

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

Использование .С(), чтобы добавить элемент в массив и так как вы пытаетесь получить значение текстового поля, то необходимо будет .value, а не .innerHTML.

  function add() { 
       var newItem=getElementById("textBox").value; 
       colours.push(newItem);    
       }

источник

2016-03-10 10:41:42 gavgrif

Тем не менее, не показывая новый текст, когда я нажимаю кнопки сортировки и подсчета –

также у вас, кажется, есть три кнопки ввода = «отправить» там, вероятно, не следует - thre не является формой для отправки - просто сделайте их регулярными кнопками с функциями onclick. – gavgrif

используйте консоль, чтобы узнать, какие ошибки производятся. – gavgrif

метод использования .С для вставки данных после последнего индекса в массиве

HTML

использования onclick вместо OnClick

<input type="submit" name="button3" id="button3" value="Add" onclick="add()"/>

Javascript

function add() { 
          colours.push(getElementById("textBox").value); 
         }

источник

2016-03-10 10:47:23

извините @Satish Sam - уже отправил этот ... :) – gavgrif

HTML/Javascript Добавление текста в массив

ответ

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