Inversare caractere adăugate într-un câmp de text
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
-
Marius
- Mesaje: 60
Inversare caractere adăugate într-un câmp de text
Am urmatorul cod html si JavaScript. O caseta de text input si un button.
Cod: Selectaţi tot
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>
<p id='backwards-container'></p>
<script>
const bkinp = document.getElementById('backwards-input');
const bkbtn = document.getElementById('backwards-button');
const revtxt = document.getElementById('backwards-container');
</script>
Cum pot face ca adunci cand apas pe buton sa fie afisat in elementul <p> textul care e adaugat in caseta input, dar in ordine inversa?
De exemplu, daca in input e "abc 123", in elementul <p> din cod sa fie adaugat "321 cba".
MarPlo
Testeaza si studiaza urmatorul cod:
Cod: Selectaţi tot
<input type='text' id='backwards-input'>
<button id='backwards-button'>Button</button>
<p id='backwards-container'></p>
<script>
function backwards(inp, rev) {
const backwardsInput = inp.value.split('').reverse().join('');
rev.textContent = backwardsInput;
}
const bkinp = document.getElementById('backwards-input');
const bkbtn = document.getElementById('backwards-button');
const revtxt = document.getElementById('backwards-container');
bkbtn.addEventListener('click', ()=>{ backwards(bkinp, revtxt)});
</script>
Demo:
Subiecte similare
-
Inversare cheie cu valoare in obiect JS
JavaScript - jQuery - Ajax
Primul mesaj
Nu imi dau seama cum pot schimba urmatorul obiect in JavaScript:
{ first : , second : , third : }
In acesta:
{ de : , ab : }
Vreau să...
Ultimul mesaj
Trebuie să parcurgi array-urile și pentru fiecare element din array verifici dacă există sau nu un array pentru acea valoare în acumulator înainte de...
-
Repetare un pas într-o buclă for in JS
JavaScript - jQuery - Ajax
Primul mesaj
Am o buclă for() precum aceasta care arată ce vreau să fac.
for(var i=0; i<15; i++) {
// Add data in html
// When data has a specified...
Ultimul mesaj
Poti sa adaugi o condiție if() în buclă și cu ea verifici valorile acelor date.
Dacă are valoarea specificată, setează noile date dorite și scade 1...
-
Afisare optiune selectata intr-un Div
JavaScript - jQuery - Ajax
Primul mesaj
Cum pot face ca atunci cand e selectata o optiune dintr-o lista <select> sa fie afisata intr-un Div valoarea acelei optiuni.
Am acest cod...
Ultimul mesaj
Cu JavaScript adaugi un eveniment 'change' la elementul <select> care se va declansa cand o optiune e selectata.
In interiorul acelui...
-
Cautare serie de cuvinte intr-un sir in php
PHP - MySQL - XML
Primul mesaj
Am o listă de cuvinte spam care se află într-un array. Când un utilizator trimite un text șir, vreau să știu dacă textul conține vreunul din aceste...
Ultimul mesaj
Ai putea sa adăugi cuvintele spam într-un șir, cu | ca separator de cuvinte și apoi folosesti Regex pentru a verifica.
$my_words =...
-
Raspberry Pi 400 - un întreg PC într-o tastatură
Divertisment si Jocuri
Computerele desktop pot fi destul de voluminoase, ceea ce nu este necesar pentru persoanele care au nevoie doar să acceseze internetul sau să lucreze...
-
Caseta input doar cu cifre si limitare numar caractere
HTML - XHTML - CSS
Primul mesaj
Salutare am de modificat un formular de contact care nu mai primeste cifre si doar litere; si nu stiu unde am gresit. eu doresc doar cifre si nu...
Ultimul mesaj
Gata, a mers acum. Mersi mult!