Как вывести одно и тоже значение в разных формах на js?

Question

[Кирилл Горелов]

Всем привет. Ребят подскажите, пожалуйста как сделать подобное на js.
Если я могу на php присвоить переменой какое нибудь значение и использовать его везде и вставлять его в разные формы.
К примеру:

$a = 5;
<input id="1" value="<?php echo $a; ?>">
<input id="2" value="<?php echo $a; ?>">

Теперь, мне нужно сделать тоже самое, только на js.
Сейчас я это пишу таким образом:

el = document.getElementById('timer-counter');
el.value = document.getElementById("timer-counter").innerHTML = 5;

el = document.getElementById('timer-counter2');
el.value = document.getElementById("timer-counter2").innerHTML = 5;

<input id="timer-counter" >
<input id="timer-counter2" >

Comments

[OVK2015]

в глобальной области видимости объявите:
var timer-counter = 1,
timer-counter2 = 2;
и пользуйтесь

Answer 1

[entermix]

Если я могу на php присвоить переменой какое нибудь значение и использовать его везде и вставлять его в разные формы.

Что мешает сделать то же самое на JS?

https://learn.javascript.ru/variables

UPD:
Обращайтесь к элементу по каким-либо другим атрибутам, это же не обязательно должен быть ID

https://learn.javascript.ru/searching-elements-dom

Comments

[Кирилл Горелов]

Вопрос немного в другом. Извини.
Как мне не плодить input с разными id. и соответственно не плодить такую конструкцию.

el = document.getElementById('timer-counter');
el.value = document.getElementById("timer-counter").innerHTML = 5;

el = document.getElementById('timer-counter2');
el.value = document.getElementById("timer-counter2").innerHTML = 5;

Там вместо числа "5" выводиться секундомер "sMins+":"+sSecs" И мне надо вывести в 5 разных формах. Точнее в пяти input с одинаковым id.

[entermix]

Кирилл Горелов: обращайтесь к элементу по каким-либо другим атрибутам, это же не обязательно должен быть ID

https://learn.javascript.ru/searching-elements-dom

[Виталий]

Кирилл Горелов: а ничего что id априори не должен быть одинаковым?

[Кирилл Горелов]

Виталий: Вот именно. Это я понимаю и хотел уточнить, можно ли это избежать, дабы не городить кучу всего.

[Виталий]

Кирилл Горелов: я так понимаю вам нужно динамическое изменение , если да, зрите в сторону ангуляр

[Виталий]

А если нет, ну вон вам уже идею прокмнули, глобальную видимость использовать.

[Кирилл Горелов]

Виталий: Я уже смотрю.
Да, должно быть динамическое.
Я уже пробую писать скрипт.
Нужно что бы в два input вывелось одно и тоже. В моем примере, это путь открытой станицы:

<input id="location" class="article" style="width:500px">
<input id="location" class="article gfd"  style="width:500px">
<script>
  var articles = document.getElementsByClassName('article');
  //alert( articles.length ); // 2, найдёт оба элемента

 // el = document.getElementById('location');
articles.value = document.getElementsByClassName("article").innerHTML = location;


</script>

[sugadu]

Кирилл Горелов: https://jsfiddle.net/cyznw3uz/1/

[Кирилл Горелов]

sugadu: Спасибо, но оно ничего не вывело((