[devote]

почему нужно было перед .style поставить [0]?

потому что getElementsByClassName возвращает не один элемент а список элементов, в данном случае у вас всего один элемент имеет класс button и у него нулевой индекс.