JavaScript Substring Not Taking User Input

Question

I have a paragraph of text and want a user to be able to type in the numbers for where a substring should start and end, then have that substring of text printed out when they click a button. But nothing happens when the button is clicked.

Google Chrome gives me this error on the console:

Uncaught TypeError: Cannot read property 'substring' of undefined

HTML

<div>
    <h3 id="sentence">You can input numbers below and it will return that interval of characters from this sentence.</h3>
    <input type="text" id="input1">
    <input type="text" id="input2">
    <button type="button" onclick="interval()">Submit</button>
    <p id="intervalAnswer"></p>
</div>

JavaScript:

function interval() { 
var inputStart = document.getElementById("input1").value
var inputEnd = document.getElementById("input2").value
var string = document.getElementById("sentence").value;
var result  = string.substring(inputStart, inputEnd);
document.getElementById("intervalAnswer").innerHTML = result;
}

For <h3> use innerHTML instead of value.

PM 77-1
– PM 77-1

2015-11-22 01:31:39 +00:00
Commented Nov 22, 2015 at 1:31 — PM 77-1
– PM 77-1, Commented Nov 22, 2015 at 1:31

Vitaliy Terziev · Accepted Answer · 2015-11-22 01:34:36Z

1

var string = document.getElementById("sentence").textContent;

This was your problem, h3 does not have value.

answered Nov 22, 2015 at 1:34

Vitaliy Terziev

6,7313 gold badges19 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

JavaScript Substring Not Taking User Input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related