• 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

Object Storage Arubacloud
0 głosów
226 wizyt
pytanie zadane 5 czerwca 2020 w JavaScript przez Marak123 Stary wyjadacz (11,190 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,190 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 129 wizyt
0 głosów
0 odpowiedzi 298 wizyt
0 głosów
1 odpowiedź 183 wizyt
pytanie zadane 16 sierpnia 2019 w JavaScript przez Borys Użytkownik (830 p.)

92,653 zapytań

141,536 odpowiedzi

319,931 komentarzy

62,021 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...