Как поместить ответ в html-форму с массивом javascript и кнопкой для получения ответа в поле формы

Question

У меня есть массив js, и я хотел записать случайную песню в форму HTML, когда нажата кнопка (названная песня).Я могу войти в консоль, но не могу понять, как использовать document.getElementById (я новичок в JS, поэтому, пожалуйста, потерпите меня).Я ценю любую помощь.

JavaScript:

var i = Math.floor(Math.random() * 10) + 1;
function randSong() {
var listOfSongs = ['Killomanjaro','No Sad No Bad','Doomsday','Solitaire',
'Distance','Roll In Peace','Bank Account','SAD!','Moonlight','Swimming Pools'];
console.log('Alexa, play',listOfSongs[i]);
}
randSong();

HTML:

<form>
      Random Song:<input type="text" id="RandSong" name="song"/>
      <input type="button" value="Song" onclick="randSong()"/>
    </form>

Answer 1

var i = Math.floor(Math.random() * 10);
function randSong() {
var listOfSongs = ['Killomanjaro','No Sad No Bad','Doomsday','Solitaire',
'Distance','Roll In Peace','Bank Account','SAD!','Moonlight','Swimming Pools'];
console.log('Alexa, play',listOfSongs[i]);
document.getElementById('RandSong').value = listOfSongs[i];
}
randSong();

Это должно сделать это.Кроме того, избавьтесь от +1, когда вы установите значение для i.Math.random вернет значение от 0 до 1. Массивы начинаются с 0, поэтому то, как вы их написали, может привести к получению 10, что будет вне диапазона.