• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Problem z onclick HTML - JavaScript

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
0 głosów
158 wizyt
pytanie zadane 5 czerwca 2020 w JavaScript przez Marak123 Stary wyjadacz (11,150 p.)
zamknięte 5 czerwca 2020 przez Marak123

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>

 

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

+4 głosów
odpowiedź 5 czerwca 2020 przez Greeenone Pasjonat (16,100 p.)
edycja 5 czerwca 2020 przez Greeenone
 
Najlepsza

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)

komentarz 5 czerwca 2020 przez Marak123 Stary wyjadacz (11,150 p.)
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

Podobne pytania

0 głosów
0 odpowiedzi 108 wizyt
0 głosów
0 odpowiedzi 185 wizyt
0 głosów
1 odpowiedź 156 wizyt
pytanie zadane 16 sierpnia 2019 w JavaScript przez Borys Użytkownik (830 p.)

91,832 zapytań

140,505 odpowiedzi

316,991 komentarzy

61,163 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...