javascript a html help

Sekcia o programovaní, programovacích jazykoch...
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

javascript a html help

Príspevok od používateľa JurajSlovakID »

Dobry den, ako editor pouzivam sublime a prehliadac firefox a chrome, jazyk je standardny html a druhy niektory novsi javascript.
O co ide, chcem aby mi (tam kde sa da..) vypisalo vysledok jednoducheho scitania.
Problem: vysledok sice pride ale zrusi celu html konstrukciu (teda v tomto pripade tlacidlo) a nahradi ju vysledkom.
Tu je kod:


<!DOCTYPE html>
<html>
<head>
<title>math</title>
</head>
<body>
<script type="text/javascript" language="javascript">

function addNumbers(x,y)
{
return(x+y);
}

let recorder=addNumbers(5,4);

</script>
<input type="button" value="Add" onclick="document.write(recorder)"/>
</body>
</html>
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
lepermessiah
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 2704
Dátum registrácie: Št 30. Dec, 2010, 02:41
Bydlisko: ZV

Re: javascript a html help

Príspevok od používateľa lepermessiah »

no mas tam document.write tak neviem kde by si to chcel ako inde vidiet? ak chces vpisovat niekde inde, tak kde? to html nema ziadny dalsi tag do ktoreho by si to dal vypisat, tak mozno zacni tam (ak to chces vpisat len na koniec body, tak si pozri insertAdjacentHML napriklad)
Spoiler: ukázať
[Home]
[NAS]
Synology DS920+ / 12GB RAM / 4x IronWolf ST6000VN001 R.6 / 2x GigaByte GSM2NE3512GNTD + 2.5G ethernet
[Laptop]
Lenovo Yoga X1 gen.2 / 20JES0AJ00 + Samsung 970 EVO 1TB
[LCD]
Dell U2913WM
[Peripherals]
Topping DX3 Pro | Wavemaster Mx-3 | Superlux HD-662F | Logitech G815 + Kensington Slimblade Pro
[Work]
[Laptop]
Lenovo Legion 5 Pro / 82JQ00C3CK | 5800H + 2x Samsung 970 EVO Plus 2TB + 64GB RAM
[LCD]
Dell U4320Q + blink(1)
[Peripherals]
Sabaj D2 | AKG K72 | Logitech G413 Silver + Kensington Slimblade
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

No a to sa kazdy document.write sprava tak ze zmaze vsetko okrem js? videl som priklady s roznymi vystupmi s document.write a pisalo to spolu (teda asi JS vypisal svoje veci)?
edit: teda takto to robi JS ze na svoje priklady miesto ma ale ignoruje <body> strukturu teda ju celu prepise, ale svoje <br/> teda dalsie riadky si necha teda aj spolu s dalsimi svojimi vystupmi

dakujem za insertAdjacentHTML a pomoc
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
lepermessiah
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 2704
Dátum registrácie: Št 30. Dec, 2010, 02:41
Bydlisko: ZV

Re: javascript a html help

Príspevok od používateľa lepermessiah »

document.write je skor debugovaci ako uzitocny pre vypisovanie obsahu a preto ak ti ide len o debug, radsej pouzivaj console.log co vypise rovno do konzoly prehliadaca a vies tak logovat aj objekty a nasledne si pozerat ake maju metody, atributy a tak dalej ..
document.write by ti neprepisal cely obsah len v pripade, ze by bol volany pocas spracovania vystupu, teda nie po kliknuti ale pri nacitavani html kodu prehliadacom ..
Spoiler: ukázať
[Home]
[NAS]
Synology DS920+ / 12GB RAM / 4x IronWolf ST6000VN001 R.6 / 2x GigaByte GSM2NE3512GNTD + 2.5G ethernet
[Laptop]
Lenovo Yoga X1 gen.2 / 20JES0AJ00 + Samsung 970 EVO 1TB
[LCD]
Dell U2913WM
[Peripherals]
Topping DX3 Pro | Wavemaster Mx-3 | Superlux HD-662F | Logitech G815 + Kensington Slimblade Pro
[Work]
[Laptop]
Lenovo Legion 5 Pro / 82JQ00C3CK | 5800H + 2x Samsung 970 EVO Plus 2TB + 64GB RAM
[LCD]
Dell U4320Q + blink(1)
[Peripherals]
Sabaj D2 | AKG K72 | Logitech G413 Silver + Kensington Slimblade
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

<!DOCTYPE html>
<html>
<head>
<title>math</title>
<script type="text/javascript" language="javascript">
var ins = insertAdjacentHTML('afterend', '<b>STRONGJS</b>')
</script>
</head>
<body onload="ins">

<p>html p text</p>
</body>
</html>

mozes mi pls povedat ako to mam spravit?

nasiel som na mozilla dev

DOM Parsing and Serialization
The definition of 'Element.insertAdjacentHTML()' in that specification.
status ma ako WD (working draft) ale o adjancent som tiez uz pocul skor
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

PODARILO SA MI TOTO:
VYSLEDOK JE 7

<!DOCTYPE html>
<html>
<head>
<title>math</title>

</head>
<body>
<p>html body text test</p>
<p id="mathadd"></p>
<script type="text/javascript" language="javascript">
function addNum(x,y)
{
return (x+y);
}
let addx = addNum(3,4);
document.getElementById("mathadd").innerHTML = addx;
</script>
</body>
</html>

Bolo by skvele keby mi niekto vedel postnut funkcne pouzitie Element.insertAdjacentHTML().
A este sa chcem opytat na to preco to spravilo novy riadok (a dokonca az dva) ked tam take nemam nic, co ked to budem chciet vyplut uprostred vety?
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
lepermessiah
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 2704
Dátum registrácie: Št 30. Dec, 2010, 02:41
Bydlisko: ZV

Re: javascript a html help

Príspevok od používateľa lepermessiah »

vlozenie cez insertAdjacentHTML (pre cisty text je funkcia text, pre cely DOM element je Element ..):
https://www.w3schools.com/jsref/met_nod ... nthtml.asp

a preco ti to spravilo novy riadok? no lebo si to dal do <p>cka :D teda novy odstavec .. ak chces nejaky text kde menis len hodnotu, tak napr takto a z 0 to prepises na ine cislo funkciou:

Kód: Vybrať všetko

<p>html body text test <span id="mathadd">0</span>.</p>
Spoiler: ukázať
[Home]
[NAS]
Synology DS920+ / 12GB RAM / 4x IronWolf ST6000VN001 R.6 / 2x GigaByte GSM2NE3512GNTD + 2.5G ethernet
[Laptop]
Lenovo Yoga X1 gen.2 / 20JES0AJ00 + Samsung 970 EVO 1TB
[LCD]
Dell U2913WM
[Peripherals]
Topping DX3 Pro | Wavemaster Mx-3 | Superlux HD-662F | Logitech G815 + Kensington Slimblade Pro
[Work]
[Laptop]
Lenovo Legion 5 Pro / 82JQ00C3CK | 5800H + 2x Samsung 970 EVO Plus 2TB + 64GB RAM
[LCD]
Dell U4320Q + blink(1)
[Peripherals]
Sabaj D2 | AKG K72 | Logitech G413 Silver + Kensington Slimblade
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

Dobre, dik, teraz to mam takto. Preco vypise hned var dw pri tlacitku ked to ma nastat az na onclick?


<!DOCTYPE html>
<html>
<head>
<title>math</title>

</head>
<body>
<p>body html text test<span id="mathadd">0</span></p>
<script type="text/javascript" language="javascript">
function addNum(x,y)
{
return (x+y);
}

var addx = addNum(3,4);
document.getElementById("mathadd").innerHTML = addx;
var dw = document.write("Hola!");
</script>
<input type="button" value="Write Greeting" onclick="dw"/>
</body>
</html>
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
LordKJ
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 7729
Dátum registrácie: Po 28. Feb, 2011, 11:49
Bydlisko: Bratislava

Re: javascript a html help

Príspevok od používateľa LordKJ »

lebo takto nemozes priradzovat, ty si uz rovno vykonal ten write a priradil navratovu hodnotu do tej premennej

ak chces aby sa volala funkcia pri clicku tak

Kód: Vybrať všetko

function dw() {
	document.write("Hola!");
}

<input type="button" value="Write Greeting" onclick="dw()"/>
alebo

Kód: Vybrať všetko

<input type="button" value="Write Greeting" onclick="document.write('Hola!')"/>
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

cize definovanim premennej spustam kod? mne to pride ako leakage
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
LordKJ
Sponzor fóra gold
Sponzor fóra gold
Príspevky: 7729
Dátum registrácie: Po 28. Feb, 2011, 11:49
Bydlisko: Bratislava

Re: javascript a html help

Príspevok od používateľa LordKJ »

nie, volanim funkcie spustas kod (priradzujes do novej premennej vysledok volania funkcie)
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

Postnem tu, ze nemusim threadovat.
<script type="text/javascript" language="javascript">
const myHeading = document.querySelector('h1');
myHeading.textContent = 'Hello world!';
</script>
Toto som nasiel na mozilla webe, no ked to loadnem nic tam nieje.
Vie mi to niekto vysvetlit?
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
materik
Používateľ
Používateľ
Príspevky: 2252
Dátum registrácie: Št 10. Apr, 2008, 14:00
Bydlisko: Prešov

Re: javascript a html help

Príspevok od používateľa materik »

Mas H1 element v kode? Tu to ide
PC -> Topping E30 -> Topping L30 -> Beyerdynamic Amiron Home / Microlab B77
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

Diky, diky nemal som h1, uz tomu rozumiem. Pardon za neskoru odpoved.
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB
Používateľov profilový obrázok
JurajSlovakID
Čierna listina bazáru
Čierna listina bazáru
Príspevky: 787
Dátum registrácie: Po 13. Apr, 2015, 09:35
Bydlisko: Spišská Nová Ves

Re: javascript a html help

Príspevok od používateľa JurajSlovakID »

ucim sa na mozille, maju tam toto
https://developer.mozilla.org/en-US/doc ... cks/Events
je tam presne toto
https://jsfiddle.net/huk1L3c8/
a nejde to :)
PC: CPU: RYZEN 5950X VMR-B2@ 4725MHz 1.35V , Chladic Arctic Liquid Freezer II RAM: GSKILL NEO 2x16KIT(32GB) 14-15-15-12-26-38 CR2 - upravene tercialne casovania, GFX: AMD Vega64, MB: Asus Dark Hero VIII X570, M.2 SSD Samsung 990 PRO 2TB, 2xRAID1 WDGOLD 8TB

Návrat na "Programovanie"