Неопределенное число кнопок 2

[wadim]

Подскажите пожалуйста. Такой код:

<div id='my_div' class='layer' style='position: absolute; top: 30px; left: 15px'>
</div>



<script>

arr = [1, 2, 'Банан'];

div = document.getElementById('my_div');

for (i=0; i<arr.length; i=i+1)
div.innerHTML += '<input type="button" value="продать" onclick=" Pocupca('+arr[i]+'); ">'




function Pocupca(p)
{
alert (p);
}


</script>


При нажатии на 3 кнопку нужно чтобы выводило alert-ом: 'Банан'

[j0hnik]

<div id='my_div' class='layer' style='position: absolute; top: 30px; left: 15px'>
</div>



<script>

arr = [1, 2, 'Банан'];

div = document.getElementById('my_div');

for (i=0; i<arr.length; i=i+1)
div.innerHTML += '<input type="button" value="продать" onclick=" Pocupca('+arr[i]+'); ">';

document.querySelectorAll('input[type="button"]')[2].onclick = function(){
alert(arr[2]);
};


function Pocupca(p)
{
alert (p); 
} 


</script>

[wadim]

Ваш код в корне не верен, к тому же не работает. Возможно Ваш этот код тут пригодится:

document.querySelectorAll('input[type="button"]')[2].onclick = function(){
alert(arr[2]);
};

но использовать его нужно с умом. Мне нужно чтобы через функцию
Pocupca('+arr[i]+'); передавалась строка 'Банан', мой код не работает именно по этому, числа передает, даже строку числовую передает: '1'

[Dilettante_Pro]

wadim,
Код j0hnik работает и выполняет то , что вы просили
Но если уж очень хочется, чтобы исправить ваш код, то

<div id='my_div' class='layer' style='position: absolute; top: 30px; left: 15px'>
</div>

<script>

arr = [1, 2, 'Банан'];

div = document.getElementById('my_div');

for (i=0; i<arr.length; i=i+1)
div.innerHTML += '<input type="button" value="продать" onclick=" Pocupca(' + "'" +arr[i] + "'" + '); ">';

function Pocupca(p)
{
alert (p); 
} 


</script>