Solution 1 :

From my mind (without testing), while doing

let integer = document.getElementById("integer").value

You’re not referencing the “value”, but deep-copy the value, so either to clear input again do querySearch by calling:

document.getElementById("integer").value = ""

or make variable reference whole object like:

let integer = document.getElementById("integer")

and then use it like integer.value = "";


let testInput = document.getElementById("testInput");
let testBtn = document.getElementById("testBtn");
let testOutput = document.getElementById("testOutput");
let testOutput2 = document.getElementById("testOutput2");

testBtn.addEventListener("click", () => {
  testOutput.innerHTML = testInput.value;
  if (testInput.value > 0 && testInput.value < 100)
    testOutput2.innerHTML = "good";
    testOutput2.innerHTML = 'bad';
  testInput.value = "";
<div style="padding: 15px; border: 1px solid gray;">
  <input type="number" id="testInput" />
  <br />
  <button id="testBtn" type="button">Display and clear</button>
  <br /><br />
  <p>output value: <span id="testOutput"></span> | <span id="testOutput2"></span></p>

Solution 2 :

<input type="text" id="integer" min="1" max= "100" value="100" />

Problem :

I have an input field that asks the user for a number then generates a multiplication from 1 – 12 against the number.

<input type="text" id="integer" value="100" />

if the number entered in the input field is less than 1 and greater than 100, it will alert the user to enter a number between 1 and 100

if (integer < 1 || integer > 100) {
            "Please enter a valid input nEnter any number between 1 and 100"

After the alert, the input field should clear.

let integer = document.getElementById("integer").value

i have tried setting the input value to “”

if (integer < 1 || integer > 100) {
            "Please enter a valid input nEnter any number between 1 and 100"
          integer = "";}

but the input isn’t clearing.


Comment posted by CherryDT

You are just changing the value of the variable

Comment posted by user17093903

I wrote another line just like you mentioned but still nothing. I have that line immediately after the alert. should I place it somewhere else for it to work?

Comment posted by Evert

In the first step they

Comment posted by user17093903

I’ve tried both methods but its still not clearing. I even tried to use integer.textContent but nothing seems to work.

Comment posted by lemek

I’ve provided example that’s working in “primitive way”. If this won’t resolve your issue, could you please provide your code in form of some sandbox app. This would help debugging.

Comment posted by user17093903

Thanks so much! It worked! Now the input is clearing!

Comment posted by user17093903

I’d like the input to clear to a blank field if the number doesn’t meet that requirement.

Comment posted by Zsolt Meszaros

Are you sure you wanted to post this as an answer?