Здравствуйте! Есть вопрос о том как можно сделать следующую вещь. Есть к примеру 2 текстовых поля, с разными id, и при нажатии на картинку число в текстовом поле увеличивается или уменьшается на 1. Есть функция которая это исполняет вопрос в том как сделать независимым подсчёт каждого поля. Ниже пример.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script src="../script.js"></script>
<body>
<!---->
<!--Картинка увеличивает на 1-->
<img src="col1.JPEG" onclick="col1('1')" width="20px">
<br>
<!--Поле в котором нужно изменить знаение-->
<input type="text" id="3" value="1" size="7">
<br>
<!--Картинка которая уменьшает значение на 1-->
<img src="col2.JPEG" onclick="col2()" width="20px">
<br><br>
<!--А это второе поле вот нужно что бы оно работало независимо от второго и таких полей может быть сколько угодно-->
<img src="col1.JPEG" onclick="col1()" width="20px">
<br>
<input type="text" id="2" value="1" size="7">
<br>
<img src="col2.JPEG" onclick="col2()" width="20px">
</body>
</html>
Теперь сам скрипт он рабочий, но нужно модифицировать.
//Функция которая увеличивает
//Как я вижу решение нужно Подставить значение в function col1(Значение из onclick="col1(1)"){
function col1(){
var n=1;
var rr=А тут проверить onclick="col1(1)" равно одному или любому другому значению да равно делаем подсчёт
for(var i=1; i<5; i++){
if(rr==n){
var col=document.getElementById('3').value;
col++;
document.getElementById('3').value = col;
}
n++;
}
}
function col2(){
var col=document.getElementById('col').value;
col--;
if(col==0){
}
else{
document.getElementById('col').value = col;
}
}
Тоесть нужно как то вызвать onclick="col1(Со значением 1)" и подставить в значение функции, и затем сделать проверку if что равно еденице onclick="col1(1)" или нет скажи такое возможно!? или мои мысли не правильны!?