[bulatka]

Доброго времени суток, хотел для удобства работы написать не большую веб форму для настройки оборудования. Суть в чем ввести данные в input и подставить их там, где мне нужно. По гуглив сделал для такое решение:

<script type="text/javascript">
function changeText0(){
 var userInput = document.getElementById('userInput0').value;
 document.getElementById('boldStuff0').innerHTML = userInput;
}
</script>
<script type="text/javascript">
function changeText1(){
 var userInput = document.getElementById('userInput1').value;
 document.getElementById('boldStuff1').innerHTML = userInput;
}
</script>
<script type="text/javascript">
function changeText2(){
 var userInput = document.getElementById('userInput2').value;
 document.getElementById('boldStuff2').innerHTML = userInput;
}
</script>
<script type="text/javascript">
function changeText3(){
 var userInput = document.getElementById('userInput3').value;
 document.getElementById('boldStuff3').innerHTML = userInput;
}
</script>

<input type='text' id='userInput0' value='VLAN'/>
<input type='button' onclick='changeText0()' value='Change Text'/>

<input type='text' id='userInput1' value='IP ADDRESS' />
<input type='button' onclick='changeText1()' value='Change Text'/>

<input type='text' id='userInput2' value='SYSTEN LOC' />
<input type='button' onclick='changeText2()' value='Change Text'/>

<input type='text' id='userInput3' value='GATEWAY' />
<input type='button' onclick='changeText3()' value='Change Text'/>


<p>
create vlan <b id='boldStuff0'></b> tag <b id='boldStuff0'></b></br>
config vlan <b id='boldStuff0'></b> add tagged 25-28</br>
config snmp system_name <b id='boldStuff1'></b></br>
config snmp system_loc <b id='boldStuff2'></b></br>
create iproute default <b id='boldStuff3'></b></br>
</p>

Проблема в том что значение с id boldStuff0 вставляется только в одном(в первом) месте. В остальных местах не проставляется. Как можно решить данную проблему?