Cannot get string of input from variable

Question

So as said in last question i was making some console shet for my other stuff and got into some problems

i wanted to get string from input to variable to split it but it does not get anything, it's clear :\

this was my variable code

var args = consoleInput.value.split(/(\s+)/)

and then i wanted to see it using console log like this

console.log(args)

but output is this

>[""]

And nothing else

JS:


const consoleInput = document.getElementById("input");

var args = consoleInput.value.split(/(\s+)/)
console.log(args)

HTML:

<div class="inputTextDiv">
   <span id="inputText"></span><br>
</div>
<input type="text" placeholder="Insert Command ;P" id="input">

You have to reference inputText.value to get the contents of the text box. — Pointy
– Pointy, Commented Jul 15, 2021 at 18:40
var args = inputText.value.split(/(\s+)/) Uncaught TypeError: Cannot read property 'split' of undefined at main.js:26 — Cartoon guy
– Cartoon guy, Commented Jul 15, 2021 at 18:43
That could mean that inputText is null, meaning that there's no element in the DOM with that id. — Pointy
– Pointy, Commented Jul 15, 2021 at 18:44
It's not at all clear what you're asking. Can you please remove any code that isn't relevant to your question (does the useConsole stuff have anything to do with anything?), include the relevant HTML, and be clearer about what the problem you're having is? — Daniel Beck
– Daniel Beck, Commented Jul 15, 2021 at 18:46

Daniel Beck · Accepted Answer · 2021-07-15 18:57:54Z

1

I suspect the reason you were seeing an empty array is because you were running your code while the input field was empty.

Here I've attached it to fire whenever the input field receives input:

document.querySelector('input').oninput = () => {
  const consoleInput = document.getElementById("input");
  var args = consoleInput.value.split(/(\s+)/)
  console.log(args)
}

<div class="inputTextDiv">
   <span id="inputText"></span><br>
</div>
<input type="text" placeholder="Insert Command ;P" id="input">

(I also suspect that your regex ought to be /\s+/ instead of /(\s+)/, unless you really want to be capturing the spaces as part of the array.)

answered Jul 15, 2021 at 18:57

Daniel Beck

21.7k5 gold badges43 silver badges61 bronze badges

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

2 Comments

mplungjan Over a year ago

You can split empty strings without errors

Daniel Beck Over a year ago

Yep, but the capture group in the regex includes the spaces in the array instead of just splitting on them, which I'm guessing wasn't intended.

Collectives™ on Stack Overflow

Cannot get string of input from variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related