Hogyan lehet megcsinálni azt, hogy egy html gomb felirata egy javascript változó értéke legyen, és ha megváltozik, akkor a felirat is változzon automatikusan?

Mert te button-t használsz input type="button" helyett. (Ezt le is írtam, vagy simán button, type nélkül, VAGY input type=button)

Sima buttonnál:

document.getElementById("counter").firstChild.data="felirat";

input type="button"-nál:

document.getElementById("counter").value="felirat";

Milyen böngészőben van ez a hiba? Firefox,Chrome,IE9-10-11, ezeket próbáltam és egyik se fűzte össze.

http://pastebin $ com/mYAiVmRw

Linkelni nem engedi, " $ " helyére pontot és ott van mindkét módszer amit javasoltam, de végülis működik csak bugosan, szóval kétlem, hogy elírás lenne.

innerHTML -el pedig számoknál tudtommal még nincs gond, de egy speciálisabb karakternél (pl.: & ) már kiakad, plusz ha rákeresel, hogy: "innerHTML bugs" akkor sajnos nem csak egy találat lesz, ezért jobb megtanulni a többi módszert is.

Azért az az innerHTML is tökéletesen működik, az meg, hogy mi szabványos és mi nem, az se nagyon befolyásolja... a <b> elem se szabványos meg a <font> se azt hány weboldalba lehet látni?!

És nem az innerHTML-lel van gond hanem az Internet Explorer-rel utánakerestem. Én megcsináltam egy SimCity-hez hasonló játékot JavaScriptben és az összes változás innerHTML-lel volt és nincs benne hiba!