Cześć. Potrzebuje pobrać dane z pola tekstowego.
Zgodnie z waszymi sugestiami nie używam do tego onClick tylko addEventListener. Niestety coś mi nie działa.
var butt = document.getElementById("butt");
butt.addEventListener("click", function(){
var value = document.getElementsByTagName("textarea")[0].value;
board.width = value;
board.height = value;
});
Wiecie co jest nie tak?
Wrzuć tutaj: http://jsfiddle.net/, albo zdefiniuj "coś mi nie działa". Jakiś błąd w konsoli? Co to board? console.log(butt) wskazuje na ten element? value ma dobrą wartość?
A czy przypadkiem nie powinno być na końcu board.style.width = value i board.style.height = value;
NikolaPolov napisał(a):
A czy przypadkiem nie powinno być na końcu board.style.width = value i board.style.height = value;
Jeśli to style to chyba
board.style.height = value + 'px';
Przepraszam Was że odpisuję z takim opóźnieniem.
Width i height są własnościami obiektu board. Mają określać ile na ile pól ma mieć plansza.
Wrzucam jsfiddle: https://jsfiddle.net/6hx5tao2/7/
Co do błędu to konsola wyrzuca: Uncaught TypeError: Cannot read property 'addEventListener' of null
at script.js:2
butt to chyba niezbyt trafna etykieta zmiennej :D
PS. Popracuj nad indentacja bo to ulatwia szukanie bledu o jakies 100%
A zeby dzialalo to:
var butt = document.getElementById("butt");
board = {
width: 0,
height: 0,
};
butt.addEventListener("click", function() {
var value = document.getElementsByTagName("textarea")[0].value;
board.width = value;
board.height = value;
alert(board.width + " " + board.height);
});
I dla porownania oryginal:
var butt = document.getElementById("butt");
butt.addEventListener("click", function(){
var value = document.getElementsByTagName("textarea")[0].value;
board.width = value;
board.height = value;
alert(board.witdh + " " + board.height)
}
board = {
width: 0,
height: 0,
}
I jeszcze takie smaczki "witdh" :P
Pojawił mi się bardzo podobny problem. Ułożyłem kod tak jak ty ale dalej nie działa. Button "dodaj" ma dodawać wypełniony formularz do tablicy. Wyciąłem resztę kodu żeby było bardziej czytelnie: https://jsfiddle.net/24mL5g3q/8/
Wiesz dla czego to nie działa?
Przy przekazywaniu obiektu w addEventListener musisz zmienić wywołanie:
button = document.getElementsByTagName("button")[0];
var wyniki =
{
tablica: [],
ranking: [],
handleEvent: function() {
var tab = [];
var value;
for (var i = 0 ; i< 32; i++) {
value = document.getElementsByTagName('input')[i].value;
tab.push(value);
}
wyniki.tablica.push(tab);
alert(tab);
}
}
button.addEventListener("click", wyniki);
button = document.getElementsByTagName("button")[0];
var wyniki =
{
tablica: [],
ranking: [],
dodaj: function() {
var tab = [];
var value;
for (var i = 0 ; i< 32; i++) {
var value = document.getElementsByTagName('input')[i].value;
tab.push(value);
};
wyniki.tablica.push(tab);
alert(tab);
}
}
button.addEventListener("click", function() {
wyniki.dodaj();
});
mozna tez tak
button.addEventListener("click", wyniki.dodaj);