JS не будет обновлять заполнитель в домене

Question

JS не будет обновлять заполнитель после присвоения ему значения

HTML

<input type="text" class="form-control" id="B" readonly>

JS (buttonpres)

a=Sander 
document.getElementById("B").placeholder=a;

после

HTML Сайт имеет стиль

<input type="text" class="form-control" id="B" readonly>

Вход в консоль

(<input type="text" class="form-control" id="B" placeholder="Sander" readonly>);

показывает код обновления. но при проверке DOM он все еще показывает старый код. перепробовал много вещей, но я не могу за свою жизнь заставить его работать

Answer 1

Вы можете использовать setAttribute

function setPlaceholder() {

  let a = 'Sander'
  document.getElementById("B").setAttribute('placeholder', a);

}

<input type="text" class="form-control" id="B" readonly>
<button type='button' onclick='setPlaceholder()'>Set Placeholder</button>

Answer 2

Извините за все, что я только что узнал, я просто один и тот же идентификатор 2 раза в моем коде Так что у меня два идентификатора с буквой "B"