输入值不显示

Question

The value I sent to the input does not appear on the screen. I changed the input to p and the code worked, but I need input . How can I fix this?

 function numToText() { let newValue = document.getElementById("sizeChooser").value; if ((newValue = 0)) { newValue = "XS"; } if ((newValue = 20)) { newValue = "S"; } if ((newValue = 40)) { newValue = "M"; } if ((newValue = 60)) { newValue = "L"; } if ((newValue = 80)) { newValue = "XL"; } if ((newValue = 100)) { newValue = "XXL"; } document.getElementById("sizePointer").textContent = newValue; }

 <label for="size">Beden Seçiniz: </label> <input name="sizeChooser" eek_range type="range" id="sizeChooser" type="range" value="40" step="20" list="tickmarks" /> <datalist id="tickmarks"> <option value="0"></option> <option value="20"></option> <option value="40"></option> <option value="60"></option> <option value="80"></option> <option value="100"></option> </datalist> <br /> <input type="button" onclick="numToText()" value="Seç" /> <input type="text" id="sizePointer" disabled autocomplete="off" />

Answer 1

shot in the dark here... but are you saying you just need to do this?

function numToText() {
  let newValue = parseInt(document.getElementById("sizeChooser").value, 10);

  if (isNaN(newValue)) return;

  switch(newValue) {
    case 0: newValue = "XS"; break;
    case 20: newValue = "S"; break;
    case 40: newValue = "M"; break;
    case 60: newValue = "L"; break;
    case 80: newValue = "XL"; break;
    case 100: newValue = "XXL"; break;
    default: newValue = "XS";  // or whatever size you want by default
  }

  document.getElementById("sizePointer").value = newValue;
}