JavaScript - przekazywanie agrumentu do funkcji.

Question

Witam, ostatnio robię kurs z JS na codecademy i postanowiłem przenieść prosty system kontaktów, który był elementem kursu, do normalnej strony HTML. Chcę, aby użytkownik wpisując imię jednego z kontaktów, dostał na wyjściu jego imię, nazwisko, nr_tel i email. Próbuję przekazać argument funkcji printPerson (czyli nazwę obiektu klasy person) poprzez input textowy. Szukałem odpowiedzi na stackoverflow, jednak cały czas nie mogłem dojść z tym do ładu. Bardzo proszę o pomoc i wyrozumiałość. Pozdrawiam!

Tutaj kod:
http://pastebin.com/JwbpDpTi

Answer 1

1. Przenieś to

<input name="buttonExecute" onclick="printPerson(document.getElementById('textbox1').value)" type="button" value="Execute" />

do JSa, używając addEventListener

2, 

printPerson(document.getElementById('textbox1').value)

jako argument wysyłasz stringa, a nie obiekt osoby.

Comments

Poczytałem troche o tym addEventListener i nie wiem czy mam go dodać na ten button czy textbox1? Mógłbyś mi wytłumaczyć o co chodzi i napisać kod? Sorry, ale nie ogarniam. Pozdrawiam

---

<button id="execute">Execute</button>

var executeButton = document.querySelector('#execute');

executeButton.addEventListener('click', function(e) {
     // callback wywoływany po naciśnięciu na executeButton
     alert('click!');
});