Pokud však chcete zobrazit hodnoty uživateli, pohodlnější způsob bude použití funkce document.write(). Tato funkce umožňuje dynamicky přidávat obsah na stránku. Například následující kód:
| Způsob | Příklad | Popis |
|---|---|---|
| console.log() | console.log ("Ahoj, světe!"); | |
| alert() | alert ("Ahoj, světe!"); | |
| document.write() | document.write ("Ahoj, světe!"); | |
| innerHTML | document.getElementById("output").innerHTML = " Ahoj, světe!"; |
Při používání funkce document buďte opatrní.write (), protože přepíše celou stránku, pokud bude povolána po stažení dokumentu.
console.log(10);V tomto příkladu je funkce console.log () uvede číslo 10 do vývojářské konzole.
Můžete také přenést funkce console.log () více významů přes čárku:
console.log("Hello", "world!");V tomto příkladu je funkce console.log () uvede dva řádky "Hello" a " world!"do vývojářské konzole, oddělující je mezerou.
Chcete-li odvodit hodnoty proměnných, jednoduše předejte jejich názvy do funkce console.log(). Například:
let x = 5;let y = 10;console.log(x, y);V tomto příkladu je funkce console.log () přenese hodnoty proměnných x a y do vývojářské konzole.
let person = ;console.log(person);V tomto příkladu je funkce console.log () zavede objekt person do vývojářské konzole.
Pro použití document.write() je nutné tuto metodu vyvolat v kontextu objektu document. Můžete například napsat:
Tento kód přidá řádek " Ahoj, světe!"v HTML kódu stránky, která se zobrazí, když je načtena.
var name = "Anna"; document.write ("Ahoj," + name +"!");
Tento kód Zobrazí " Ahoj Anno!"na stránce, protože proměnná name bude nahrazena významem "Anna".
Za použitou metodou je několik nedostatků. Za prvé, pokud je výzva document.write() k tomu dochází již po úplném načtení obsahu stránky, což může vést k nepředvídatelným výsledkům. Za druhé, pokud je na stránce již nějaký obsah, pak při volání document.write() tento obsah bude nahrazen novým.
alert(message);Výsledkem je Modální okno s přenesenou hodnotou message.
Při používání alert(), zejména na webech s velkým množstvím dat, byste však měli být opatrní. Okna alert () mohou přerušit uživatelskou zkušenost a být otravná. Proto se doporučuje používat alert () pouze pro ladění a testování.
- console.log (10); - uvede číslo 10 do konzole
- console.log ("Ahoj, světe!"); - zobrazí řádek " Ahoj, světe!"do konzole
- console.log (true) – - vyvede hodnotu true do konzole
Pokud je třeba odvodit více hodnot, lze je přenést jako argumenty funkce console.log(). Například:
- console.log (10,20, 30); - vyvede čísla 10, 20 a 30 do konzole
- console.log ("Ahoj,", " mír!"); – zobrazí řádky "Ahoj" a "mír!"do konzole
- var x = 5;
console.log (x) – - vyvede hodnotu proměnné x do konzole - var name = "John";
console.log ("Ahoj,", name,"!"); – zobrazí řádek " Ahoj Johne!"do konzole
Jak zobrazit hodnotu proměnné v JavaScriptu
- Použití funkce alert alert(variable);
- Použití funkce console.log console.log(variable);
- Použití metody document.write document.write(variable);
- Použití metody innerHTML Metoda innerHTML umožňuje přiřadit hodnotu proměnné obsahu určitého prvku HTML. Musíte vybrat položku pomocí JavaScriptu a změnit její obsah pomocí atributu innerHTML. document.getElementById('elementID').innerHTML = variable;
console.log('Hello, world!');alert('Привет, мир!');document.write('Привет, мир!');4. innerHTML: pokud chcete převést hodnoty do určitého prvku stránky, můžete použít vlastnost innerHTML . Například:
document.getElementById('myElement').innerHTML = 'Привет, мир!';5. textContent: tato vlastnost také umožňuje přenést hodnoty do určitého prvku stránky. Například:
document.getElementById('myElement').textContent = 'Привет, мир!';