Remove text space from a JavaScript

Question

This is a simple one for JS programmers. Base on this demo, https://codepen.io/gschier/pen/jkivt

I want 'The pen is simple.' to be 'The pen issimple.' To remove the space after 'is'.

I tried different areas with no luck. I only know CSS and HTML but not so much JS.

Of course this doesn't make sense with this demo example, I want to start it with an alphabet to make a sentence, for example

<h1>A
  <span
     class="txt-rotate"
     data-period="2000"
     data-rotate='[ " great day.", "pple.", "wesome.", " shinny diamond."]'></span>

With the current JS result, I get "A great day.", "A pple.", "A wesome.", "A shinny diamond." Please advise how do I remove the extra space. Thank you.

Remove all whitespace between "A" and the start of the span in the source code. — RobG
– RobG, Commented Jun 14, 2021 at 4:10

User863 · Accepted Answer · 2021-06-14 04:01:17Z

1

Try removing space / new line after A

<h1>A<span
     class="txt-rotate"
     data-period="2000"
     data-rotate='[ " great day.", "pple.", "wesome.", " shinny diamond."]'></span>

Working Demo

https://codepen.io/aswinkumar863/pen/NWpEygj

answered Jun 14, 2021 at 4:01

User863

20.1k3 gold badges20 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

poppy · Accepted Answer · 2021-06-14 04:06:54Z

0

you can use replace(/ +/g, ' ') remove multiple space

answered Jun 14, 2021 at 4:06

poppy

711 silver badge7 bronze badges

Comments

Muhammad Asif · Accepted Answer · 2021-06-14 04:22:53Z

0

There are multiple solutions, for me the easiest and most convenient is just like below.

     $(document).ready(function(){
     var value=$(".txt-rotate").attr('data-rotate');
     val_array=JSON.parse(value);
     var array = val_array.map(function (el) {
    return el.trim();
        });
        array = '\'' + array.join('\',\'') + '\'';
        array="["+array+"]";
    
     $(".txt-rotate").attr('data-rotate',array);
     });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>A
  <span
     class="txt-rotate"
     data-period="2000"
     data-rotate='[ " great day.", "pple.", "wesome.", " shinny diamond."]'></span>

edited Jun 14, 2021 at 4:22

answered Jun 14, 2021 at 4:05

Muhammad Asif

5265 silver badges13 bronze badges

Collectives™ on Stack Overflow

Remove text space from a JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related