{"id":17752,"date":"2022-10-26T23:39:34","date_gmt":"2022-10-26T18:09:34","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/"},"modified":"2022-10-26T23:39:34","modified_gmt":"2022-10-26T18:09:34","slug":"solved-how-to-remove-spaces-using-javascript-duplicate","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/","title":{"rendered":"[Solved] How to remove spaces using JavaScript? [duplicate]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

You can use replace<\/code> to replace spaces with nothing.<\/p>\n<\/p>\n

\n
\n
var inputBox = document.getElementById('chatinput');\r\n\r\ninputBox.onkeyup = function() {\r\n  document.getElementById('printchatbox').innerHTML = inputBox.value.replace(' ', '');\r\n}<\/code><\/pre>\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\r\n<div class=\"form-group\">\r\n  <label>Title Page<\/label>\r\n  <input type=\"text\" id=\"chatinput\" class=\"form-control\" required=\"\">\r\n<\/div>\r\n<div class=\"form-group\">\r\n  <div><b>Permalink: <\/b>http:\/\/doamin.com\/<span id=\"printchatbox\" class=\"cl-blue\"><\/span><\/div>\r\n<\/div><\/code><\/pre>\n<\/div>\n<\/div>\n
NOTE:<\/p>\n
Upon seeing a suggested edit, I must remark that this is NOT<\/strong> the correct answer, because it takes care of one space only. If there are multiple spaces in the string, it will remove only the first one. As the editor suggested, the right way to do this is by using a regex. In that case, replace<\/code> would replace all spaces<\/p>\n<\/p>\n
\n
\n
var inputBox = document.getElementById('chatinput');\r\n\r\ninputBox.onkeyup = function() {\r\n  document.getElementById('printchatbox').innerHTML = inputBox.value.replace(\/\\s\/g, '');\r\n}<\/code><\/pre>\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script>\r\n<div class=\"form-group\">\r\n  <label>Title Page<\/label>\r\n  <input type=\"text\" id=\"chatinput\" class=\"form-control\" required=\"\">\r\n<\/div>\r\n<div class=\"form-group\">\r\n  <div><b>Permalink: <\/b>http:\/\/doamin.com\/<span id=\"printchatbox\" class=\"cl-blue\"><\/span><\/div>\r\n<\/div><\/code><\/pre>\n<\/div>\n<\/div><\/div>\n
<\/div>\n<\/div>\n
            <\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved How to remove spaces using JavaScript? [duplicate] <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] You can use replace to replace spaces with nothing. var inputBox = document.getElementById(‘chatinput’); inputBox.onkeyup = function() { document.getElementById(‘printchatbox’).innerHTML = inputBox.value.replace(‘ ‘, ”); } <script src=”https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js”><\/script> <div class=”form-group”> <label>Title Page<\/label> <input type=”text” id=”chatinput” class=”form-control” required=””> <\/div> <div class=”form-group”> <div><b>Permalink: <\/b>http:\/\/doamin.com\/<span id=”printchatbox” class=”cl-blue”><\/span><\/div> <\/div> NOTE: Upon seeing a suggested edit, I must remark that this is … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[346,333],"class_list":["post-17752","post","type-post","status-publish","format-standard","hentry","category-solved","tag-html","tag-javascript"],"yoast_head":"\n[Solved] How to remove spaces using JavaScript? [duplicate] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to remove spaces using JavaScript? [duplicate] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] You can use replace to replace spaces with nothing. var inputBox = document.getElementById('chatinput'); inputBox.onkeyup = function() { document.getElementById('printchatbox').innerHTML = inputBox.value.replace(' ', ''); } <script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js"><\/script> <div class="form-group"> <label>Title Page<\/label> <input type="text" id="chatinput" class="form-control" required=""> <\/div> <div class="form-group"> <div><b>Permalink: <\/b>http:\/\/doamin.com\/<span id="printchatbox" class="cl-blue"><\/span><\/div> <\/div> NOTE: Upon seeing a suggested edit, I must remark that this is ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-26T18:09:34+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to remove spaces using JavaScript? [duplicate]\",\"datePublished\":\"2022-10-26T18:09:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\"},\"wordCount\":87,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"html\",\"javascript\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\",\"name\":\"[Solved] How to remove spaces using JavaScript? [duplicate] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-26T18:09:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to remove spaces using JavaScript? [duplicate]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to remove spaces using JavaScript? [duplicate] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to remove spaces using JavaScript? [duplicate] - JassWeb","og_description":"[ad_1] You can use replace to replace spaces with nothing. var inputBox = document.getElementById('chatinput'); inputBox.onkeyup = function() { document.getElementById('printchatbox').innerHTML = inputBox.value.replace(' ', ''); } <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"><\/script> <div class=\"form-group\"> <label>Title Page<\/label> <input type=\"text\" id=\"chatinput\" class=\"form-control\" required=\"\"> <\/div> <div class=\"form-group\"> <div><b>Permalink: <\/b>http:\/\/doamin.com\/<span id=\"printchatbox\" class=\"cl-blue\"><\/span><\/div> <\/div> NOTE: Upon seeing a suggested edit, I must remark that this is ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/","og_site_name":"JassWeb","article_published_time":"2022-10-26T18:09:34+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to remove spaces using JavaScript? [duplicate]","datePublished":"2022-10-26T18:09:34+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/"},"wordCount":87,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["html","javascript"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/","name":"[Solved] How to remove spaces using JavaScript? [duplicate] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-26T18:09:34+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-remove-spaces-using-javascript-duplicate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to remove spaces using JavaScript? [duplicate]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775193939","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/17752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=17752"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/17752\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=17752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=17752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=17752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}