Как на JS повторно вызывать функцию без перезагрузки страницы?

Question

[OctorberMyMonth]

Ребят, всем привет!

Подскажите пжл, вызывать повторно функцию, без перезагрузки страницы?

function generateChars  () {
    // body...
      const chars =[ 
      "A","B","C","D",
      "F","G","H","J",
      "K","L","M","N",
      "P","Q","R","S",
      "T","V","W","X",
      "Y","Z"];
      let rndNum = Math.floor(Math.random() * chars.length);
      let rndChars = chars[rndNum];
      return rndChars;
    }
    // -------------------
    function generatePassword(){
      let rndChars = [];
      while(rndChars.length < 5){
        rndChars.push(generateChars());
      }
      return rndChars;
    }    
    let password = generatePassword();
    let password = password.join('');
    console.log(password);
    // -------------------
    function showPassword(){
      let box = document.getElementById('output');
      box.innerHTML = password; 
    }

Не корректно изначально задал вопрос, исправил!

Заранее всем спасибо!

Answer 1

[Sashqa]

document.getElementById('button').addEventListener('click', function() {
    generateChars();
})

Лучше всего тогда обернуть все в одну функцию и ее уже вызывать
тык

Comments

[OctorberMyMonth]

Спасибо друг!!!!!!!!!!!!!!!!!!!!!!

Answer 2

[gh0sty]

Функции многоразовые.
Вызов функции - обращение вида generateChars();
Добавляешь какое-то событие и привязываешь вызов функции:

document.getElementById('button').addEventListener('click', function() {
    generateChars();
})

Тут по клику на элементом с id 'button'.

Comments

[OctorberMyMonth]

Почему generateChars();? А если у меня одна функция генерирует generatePassword(), а другая функция вызывается посредством клика на кнопку и выводит значение на страницу, тогда какую функцию привязывать?

[gh0sty]

OctorberMyMonth, Ну смотри, ты можешь использовать любые имена и любые события.
Допустим при клике на одну кнопку - делать generatePassword(), а при клике на другую - generateChars()
Ему не принципиально, хоть abcd() вызови при hover на картинку.

[OctorberMyMonth]

gh0sty, спасибо!)ща буду ковыряться)

[OctorberMyMonth]

gh0sty, бро, у тебя написано, что ты "Вуб-разработчик. Пишу под Python Django. ", исправь))

[gh0sty]

OctorberMyMonth, Да просто под нереальными дозировками кофе пишу. Thx)

Answer 3

[Алексей]

Например по событию, по нажатию на кнопку, наведению курсора мыши над элементом, ну или по таймеру