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...
- Ascunde element daca in data e un anumit text
HTML - XHTML - CSS
Primul mesaj
Se pot ascunde elemente HTML daca in atributul 'data-' e o anumita bucata de text?
De exemplu: Ascunde Div-urile care contin -en .
<div...
Ultimul mesaj
Se poate face cu CSS sau cu Javascript.
CSS:
/* with specified elements */
div {
display: none;
}
/* or global */
{
display: none;
}
Si...