Problem z onclick HTML - JavaScript

Question

Chcę zrobić diva który po kliknięciu będzie wpisywał coś do pola textarea tylko ze nie działa. Wie ktoś może dlaczego? 

 

Kod JavaScript:

function nacisk_1(){
	document.getElementById("tekst").innerHTML = "1";
}
function nacisk_2(){
	document.getElementById("tekst").innerHTML = "2";
}
function nacisk_3(){
	document.getElementById("tekst").innerHTML = "3";
}
function nacisk_4(){
	document.getElementById("tekst").innerHTML = "4";
}
function nacisk_5(){
	document.getElementById("tekst").innerHTML = "5";
}
function nacisk_6(){
	document.getElementById("tekst").innerHTML = "6";
}
function nacisk_7(){
	document.getElementById("tekst").innerHTML = "7";
}
function nacisk_8(){
	document.getElementById("tekst").innerHTML = "8";
}
function nacisk_9(){
	document.getElementById("tekst").innerHTML = "9";
}
function nacisk_0(){
	document.getElementById("tekst").innerHTML = "0";
}
function nacisk_+(){
	document.getElementById("tekst").innerHTML = "+";
}
function nacisk_-(){
	document.getElementById("tekst").innerHTML = "-";
}
function nacisk_x(){
	document.getElementById("tekst").innerHTML = "x";
}
function nacisk_/(){
	document.getElementById("tekst").innerHTML = "รท";
}
function nacisk_C(){
	document.getElementById("tekst").innerHTML = "";
}
function nacisk_=(){
	document.getElementById("tekst").innerHTML = "=";
}
function nacisk_+\-(){
	document.getElementById("tekst").innerHTML = "+\-";
}

Kod HTML:

<div id="przyciski">
		<div class="przyciski" onclick="nacisk_C()">C</div>
		<div class="przycisk_pusto"></div>
		<div class="przyciski" onclick="nacisk_/()">รท</div>
		<div style="clear: both;"></div>
		<div class="przyciski" onclick="nacisk_1()">1</div>
		<div class="przyciski" onclick="nacisk_2()">2</div>
		<div class="przyciski" onclick="nacisk_3()">3</div>
		<div class="przyciski" onclick="nacisk_x()">x</div>
		<div style="clear: both;"></div>
		<div class="przyciski" onclick="nacisk_4()">4</div>
		<div class="przyciski" onclick="nacisk_5()">5</div>
		<div class="przyciski" onclick="nacisk_6()">6</div>
		<div class="przyciski" onclick="nacisk_-()">-</div>
		<div style="clear: both;"></div>
		<div class="przyciski" onclick="nacisk_7()">7</div>
		<div class="przyciski" onclick="nacisk_8()">8</div>
		<div class="przyciski" onclick="nacisk_9()">9</div>
		<div class="przyciski" onclick="nacisk_+()">+</div>
		<div style="clear: both;"></div>
		<div class="przyciski" onclick="nacisk_+\-()">+/-</div>
		<div class="przyciski" onclick="nacisk_0()">0</div>
		<div class="przycisk_rowna" onclick="nacisk_=()">=</div>
	</div>

 

Answer 1

Nie działa ponieważ używasz "Zarezerwowanych znaków" a dokładnie operatów w nazwach.

Na przykład function nacisk+ kod tego nie widzi jako ciągły wyraz tylko szuka wartości do dodania i odczytuje to:
nacisk + () i próbuje dodać do "nacisk" nawiasy.

Tak w ogóle przekazuj wartość do funkcji zamiast powtarzać się (Zasada DRY). Twoje 51 linii można skrócić do 3

function przycisk(value){
    document.getElementById("tekst").innerHTML = value;
}

w HTML

<div class="przyciski" onclick="przycisk(5)">5</div>

5 umieszczona w nawiasie jest przekazywana do funkcji (value)

Comments

Ok dzięki w sumie rozkminiłem to po tym jak w consoli strony wyświetlił się error z tym + ale dzięki. A odnośnie tego skrócenia linijki to wiem że można tak zrobić ale nie zrobiłem dzięki