Временно хранить данные о выборе пользователей в моем массиве

Question

Это моя форма, а ниже - функция. Мне нужно 3 функции, 1 для хранения данных, 1 для сохранения данных и 1 для отображения всех сохраненных данных. Как я могу выполнять все эти функции, чтобы все они соответствовали друг другу.

ПРИМЕЧАНИЕ. Пользователь будет вводить данные, поэтому данные выбора пользователя будут временно сохранены. Пользователь должен иметь возможность нажимать на кнопки для работы функции, но как я могу правильно выполнять три функции.

<form name = "Music"> 

      <p>Input a Song Name, Artist, Collaborations, Duration or Album</p> 

      <input type="text" name = "Song_Name" id= "Song_Name" size="20"> <br> 
      <input type="text" name = "Artist" id= "Artist" size="20"> <br> 
      <input type="text" name = "Collaborations" id= "Collaborations" size="20"> <br> 
      <input type="text" name = "Duration" id= "Duration" size="20"> <br> 
      <input type="text" name = "Album" id= "Album" size="20"> <br> 

      <input type="button" value = "Save" onclick = "Save()"> <br> 
      <input type="button" value = "Search" onclick = "Store()"> <br> 
      <input type="button" value = "Show_All" onclick = "Show_All()"> <br> 

Функция сохранения:

var catalogue[]; 

function Save = Music.Song_Name.Artist.Collaborations.Duration.Album.Save{ 

      var SongName = document.getElementById('Song_Name').value; 
      var Artist = document.getElementById('Artist').value; 
      var Collaborations = document.getElementById('Collaborations').value; 
      var Duration = document.getElementById('Duration').value; 
      var Album = document.getElementById('Album').value; 

     document.write("You have chosen "+ Song_Name + Artist + Collaborations + Duration + Album) 
} 

Answer 1

Во-первых, я бы рекомендовал хранить значения в объекте, а не массив. С гораздо удобнее работать, когда у вас есть несколько связанных частей данных. Вот как это будет работать для магазина и показать:

var catalogue; 

function Store() { 
    catalogue = { 
     SongName: document.getElementById('Song_Name').value; 
     Artist: document.getElementById('Artist').value; 
     Collaborations: document.getElementById('Collaborations').value; 
     Duration: document.getElementById('Duration').value; 
     Album: document.getElementById('Album').value; 
    } 
} 

function Show_All() { 
    document.getElementById('Song_Name').value = catalogue.SongName; 
    document.getElementById('Artist').value = catalogue.Artist; 
    document.getElementById('Collaborations').value = catalogue.Collaborations; 
    document.getElementById('Duration').value = catalogue.Duration; 
    document.getElementById('Album').value = catalogue.Album; 
} 

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