Textarea - JavaScript | Retirer les sauts de ligne et les espaces du champ contenu

Question

<textarea rows='5' cols='50' id='content'></textarea> 
<input type='button' value='Extract Text' onclick='someFunction()'/> 

On suppose ces deux éléments html. Mon problème est le suivant:

Disons que l'utilisateur entre dans le champ textarea quelque chose comme ça, exactement comme tapé. Avec tous les sauts de ligne et les espaces. (Et oui, cela est Python: P)

if (...): 
    print "Hello everyone!" 
else: 
    print "Dudes help me out!" 

Mon objectif est de faire une fonction JavaScript qui supprime tous les espaces et les sauts de ligne (tapés « Enter ») et retourne une chaîne moins d'espace. Quelque chose comme "ThisIsASampleText". J'ai utilisé document.getElementById('content').value et myString.replace(/\s+/g, '') pour supprimer des espaces. Je ne peux pas le faire fonctionner. Des idées?

Cordialement

Answer 1

Voici une démonstration en direct de la façon d'utiliser l'expression rationnelle que vous avez décrit pour supprimer tous les espaces dans le texte de votre textarea:

function someFunction() { 
 
    var output = document.getElementById("content").value; 
 
    output = output.replace(/\s/g, "") 
 
    document.getElementById("output").innerHTML = output; 
 
}

<textarea rows='5' cols='50' id='content'></textarea> 
 
<input type='button' value='Extract Text' onclick='someFunction()'/> 
 
<div id="output"></div>

jsFiddle Version: https://jsfiddle.net/afy5v66x/1/