JavaScript — je to jeden z nejoblíbenějších programovacích jazyků, který se široce používá k vytváření interaktivních webových stránek a aplikací. Jedním z důležitých aspektů programování v JavaScriptu je schopnost psát data z klávesnice a používat tato data ke zpracování a analýze.
Zadávání proměnných z klávesnice do JavaScriptu může učinit vaše programy interaktivnějšími a přizpůsobivějšími. Pomocí JavaScriptu můžete číst data zadaná uživatelem a používat je k provádění různých operací a výpočtů.
Pro zadávání proměnných z klávesnice nabízí JavaScript několik metod, jako jsou prompt() a readline(). Metoda prompt() umožňuje zobrazit okno se zprávou pro uživatele a čekat na jeho zadání a metoda readline() používá se pro asynchronní čtení dat ze vstupního toku.
V tomto článku se na tyto metody podíváme podrobněji a ukážeme jim, jak je použít k zadávání proměnných z klávesnice do JavaScriptu. Podíváme se také na některé příklady použití a řekneme vám některé z nejlepších postupů pro práci se zadáváním dat z klávesnice.
Vstup proměnných do JavaScriptu
1. prompt():
Jedním z nejjednodušších způsobů, jak získat data od uživatele, je použití funkce prompt() . Tato funkce poskytuje Modální okno, pomocí kterého může uživatel zadat hodnotu proměnné. Například:
| Příklad: |
|---|
| let name = prompt ("zadejte své jméno"); |
V tomto příkladu se Modální okno otevře se zprávou "zadejte své jméno" a uživatel může zadat své jméno. Hodnota proměnné name bude rovna zadané hodnotě.
2. input:
Dalším způsobem, jak získat data od uživatele, je použít značku . Pomocí této značky můžete vytvořit vstupní pole na vaší webové stránce a použít jeho hodnotu ve vašem programu. Například:
| Příklad: |
|---|
| let name = document.getElementById("name").value; |
V tomto příkladu vytvoříme vstupní pole s identifikátorem "name". Poté použijeme metodu getElementById () k získání prvku podle jeho ID a získáme jeho hodnotu pomocí vlastnosti value . Hodnota proměnné name bude rovna hodnotě vstupního pole.
3. event listeners:
Můžete také použít posluchače událostí k získání hodnot od uživatele. Posluchače události můžete přiřadit k položkám webové stránky, jako jsou tlačítka nebo odkazy, a vyvolat funkci, která provede potřebné kroky s výslednou hodnotou. Například:
| Příklad: |
|---|
| function myFunction () let name = prompt ("zadejte své jméno"); document.getElementById("demo").innerHTML = "Ahoj," + name; > |
V tomto příkladu vytvoříme tlačítko s textem "stiskni mě" a prvek
s identifikátorem "demo". Definujeme také funkci myFunction (), která je vyvolána kliknutím na tlačítko. Uvnitř funkce používáme funkci prompt () k získání hodnoty od uživatele a k získání položky používáme metodu getElementById()
. Poté nastavíme interní obsah položky pomocí vlastnosti innerHTML , abychom zobrazili pozdrav s uživatelským jménem.
To je jen několik způsobů, jak zadat proměnné do JavaScriptu. Můžete si vybrat nejvhodnější způsob zadávání dat podle vašich potřeb a požadavků vašeho programu.
Metody zadávání dat
JavaScript nabízí několik metod pro zadávání dat z klávesnice. Tyto metody umožňují uživateli komunikovat s webovou stránkou a přenášet informace do kódu.
prompt() - je to metoda, která zobrazuje dialogové okno s textem pro zadávání dat. Uživatel může zadat hodnotu a kliknout na "OK" pro přenos dat do kódu. Hodnota zadaná uživatelem je uložena do proměnné.
| Kód | Popis |
|---|---|
| var name = prompt ("zadejte své jméno"); | Zobrazí dialogové okno s textem "zadejte své jméno". Hodnota zadaná uživatelem je uložena do proměnné name . |
confirm() - je to metoda, která zobrazuje dialogové okno s tlačítky OK a zrušení. Uživatel si může vybrat jedno z tlačítek. Pokud uživatel vybere "OK", metoda vrátí hodnotu true, pokud uživatel zvolí" zrušit", metoda vrátí hodnotu false .
| Kód | Popis |
|---|---|
| var result = confirm ("jste si jisti?"); | Zobrazí dialogové okno s textem " jste si jisti?". Pokud uživatel vybere "OK", metoda vrátí hodnotu true, pokud uživatel zvolí" zrušit", metoda vrátí hodnotu false . Hodnota je uložena do proměnné result . |
Tyto metody umožňují interakci s uživatelem a získávání informací pro další zpracování v kódu JavaScript. Jsou široce používány v interaktivních webových aplikacích.
Zadání číselných proměnných
let number = parseFloat(prompt('Введите число:'));Tento příklad používá funkci parseFloat() Chcete-li převést zadaný řádek na číslo s plovoucím bodem. Pokud chcete uložit celé číslo, můžete místo parseFloat() použít funkci parseInt().
Kromě toho lze numerickou proměnnou zadat z klávesnice pomocí prvku v HTML formě. Například:
function getNumber() Zde funkce getNumber() vyvolá se kliknutím na tlačítko"Získat číslo". Funkce získá hodnotu čísla z prvku a ukládá ji do proměnné. Hodnota proměnné je poté vyvedena do konzoly pomocí funkce console.log().
Tedy pomocí funkce prompt() nebo element do JavaScriptu lze snadno zadávat numerické proměnné z klávesnice.
Vstup řetězcových proměnných
K zadání řetězcových proměnných se v JavaScriptu používá funkce prompt(). Umožňuje uživateli zadat požadované informace z klávesnice.
Funkce prompt() přijímá jeden argument-text, který se uživateli zobrazí v dialogovém okně. Uživatel může zadat řádek a kliknutím na tlačítko OK uložit zadanou hodnotu. Funkce prompt() vrací hodnotu zadanou uživatelem.
Příklad použití funkce prompt () pro zadání řádku:
let name = prompt('Введите ваше имя');console.log('Привет, ' + name + '!');
V tomto příkladu bude uživateli zobrazeno dialogové okno s textem "zadejte své jméno". Po zadání názvu a stisknutí tlačítka OK bude zadaná hodnota uložena do proměnné name. Poté se zobrazí zpráva s pozdravem, která obsahuje uživatelské jméno.
Pomocí funkce prompt(), můžete od uživatele získat různé řádky potřebné k dokončení úkolu ve vašem programu.
Všimněte si funkce prompt() vždy vrací řádek. Pokud potřebujete získat jiný typ dat, jako je číslo, můžete výsledek převést na požadovaný typ pomocí příslušných funkcí, jako jsou parseInt() nebo parseFloat().