Removing additional spaces between words in a dynamically?</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2015-11-06T02:03:58.177" class="fromnow">Nov 06 '15 at 02:03</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2015-11-11T10:00:52.160" datetime="2015-11-11T10:00:52.160">Nov 11 '15 at 10:00</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 1,156 times"> <span class="fc-light mr2">Viewed</span> 1,156 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="33558262" data-ownerid="5515765" data-score="1"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="33558262"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="1">1</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Is it possible, within the following fiddle, to add a space between each word once the text has been extracted dynamically and change the text within the <code><textarea></code> automatically, not requiring a button?</p> <p>Attached is the <a class="external-link" href="https://jsfiddle.net/afy5v66x/1/" rel="nofollow">Fiddle</a></p> <p>HTML:</p> <pre><code><textarea rows='5' cols='50' id='content'></textarea> </code></pre> <p></p> <p>JQuery:</p> <pre><code> function someFunction() { var output = document.getElementById("content").value; output = output.replace(/\s/g, ""); document.getElementById("output").innerHTML = output; </code></pre> <p>}</p> <p>An updated fiddle would be very much appreciated, as I am still new to coding.</p> <p>Thank You!</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag js-gps-track" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/css" class="post-tag js-gps-track" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/textarea" class="post-tag js-gps-track" title="show questions tagged 'textarea'" rel="tag">textarea</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2015-11-11T10:00:52.160" class="relativetime">Nov 11 '15 at 10:00</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">Dave</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 06 '15 at 02:03">asked Nov 06 '15 at 02:03</time> <a href="../../users/5515765/dave" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/5515765.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Dave" /> </a> <div class="s-user-card--info"> <a href="../../users/5515765/dave" class="s-user-card--link">Dave</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">766</li> <li class="s-award-bling s-award-blingsilver" title="9 silver badges">9</li> <li class="s-award-bling s-award-blingbronze" title="26 bronze badges">26</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">2 Answers<span style="display:none;" itemprop="answerCount">2</span></h2> </div> </div> </div> <a name="33558405"></a> <div id="answer-33558405" class="answer " data-answerid="33558405" data-ownerid="1970698" data-score="1" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="33558405"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="1">1</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>if the textarea id is "input",</p> <pre><code>$(document).ready(function(){ $("#input").keyup(function(){ var textarea = $("#input"); var str = textarea.text(); str = str.replace(/\s\s+/gi, ' '); textarea.text(str); }); }); </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Nov 06 '15 at 02:20">answered Nov 06 '15 at 02:20</time> <a href="../../users/1970698/payson" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1970698.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Payson" /> </a> <div class="s-user-card--info"> <a href="../../users/1970698/payson" class="s-user-card--link">Payson</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">508</li> <li class="s-award-bling s-award-blinggold" title="4 gold badges">4</li> <li class="s-award-bling s-award-blingsilver" title="11 silver badges">11</li> <li class="s-award-bling s-award-blingbronze" title="22 bronze badges">22</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="33558413"></a> <div id="answer-33558413" class="answer " data-answerid="33558413" data-ownerid="2875995" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="33558413"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Use javascript trim method as specified <a href="../../questions/7635952/javascript-how-to-remove-all-extra-spacing-between-words" title="TRIM">here</a>.</p> <p>Sample:</p> <pre><code><textarea id="test">Lorem [remove this space and other spaces dynamically] ipsum dolor sit amet, [remove this space] consectetur adipiscing elit. Donec aliquet pharetra erat sed. </textarea> <script> ar = document.getElementById('test').value; string = ar.replace(/\s+/g, " "); document.getElementById('test').value=ar; </script> </code></pre> <p>Hope this helps.</p> <p>Note: I hadn't tested but my example actually gives you hint how to achieve this.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited May 23 '17 at 12:15">edited May 23 '17 at 12:15</time> <a href="../../users/-1/community" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/-1.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Community" /> </a> <div class="s-user-card--info"> <a href="../../users/-1/community" class="s-user-card--link">Community</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Nov 06 '15 at 02:21">answered Nov 06 '15 at 02:21</time> <a href="../../users/2875995/farhan-islam" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2875995.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Farhan Islam" /> </a> <div class="s-user-card--info"> <a href="../../users/2875995/farhan-islam" class="s-user-card--link">Farhan Islam</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">27</li> <li class="s-award-bling s-award-blingsilver" title="1 silver badges">1</li> <li class="s-award-bling s-award-blingbronze" title="8 bronze badges">8</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>