javascript a html help

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>

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)

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

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 ..

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

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?

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

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>

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>

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!')"/>

JurajSlovakID

cize definovanim premennej spustam kod? mne to pride ako leakage

nie, volanim funkcie spustas kod (priradzujes do novej premennej vysledok volania funkcie)

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?

Mas H1 element v kode? Tu to ide

JurajSlovakID

Diky, diky nemal som h1, uz tomu rozumiem. Pardon za neskoru odpoved.

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

Pretaktovanie.sk

javascript a html help

javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help

Re: javascript a html help