Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > как сделать счетчик(не посещений)?

Автор: stan90 12.12.2009, 19:52

подскажите пожалуйста..
вот у меня есть два поля и кнопка,и табличка...как сделать чтобы при нажатии на кнопку "ок" значения двух полей сравнивались(после того как мы в них что либо введем) и в табличке появлялся счет..нужно чтобы он на единицу увеличивался если значения полей равны,и уменьшался на 1 если не равны???

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<script language="javascript">

function f()
{

if(document.getElementById('v1').value==document.getElementById('v2').value){
document.getElementById('myinput').value=++1;
}
else{
document.getElementById('myinput').value=--1;
}

}

</script>
</head>

<body>
<p>
  <input name="view1" type="text" id="v1" /> 
=
<input name="view2" type="text" id="v2" />
<input name="but" value="ok" type="button" onclick="f()" />
</p>
<p>Счёт</p>
<table width="3%" border="1" id="myinput">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

функцию f() понимаю что ерунду написал,но не знаю как правильно..не получается

Автор: Amphiluke 12.12.2009, 20:43

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<script type="text/javascript">
function f(){
   var _cnt = document.getElementById("cnt").firstChild;
   var re = /\d+/;
   if (re.test(_cnt.nodeValue)) {
      if (document.getElementById("view1").value == document.getElementById("view2").value) {
         _cnt.nodeValue = (parseInt(_cnt.nodeValue) + 1).toString();
      } else {
         _cnt.nodeValue = (parseInt(_cnt.nodeValue) - 1).toString();
      }
   } else {
      _cnt.nodeValue = "0";
   }
}
</script>
</head>

<body>
<p>
  <input id="view1" type="text" /> 
=
<input id="view2" type="text" />
<input name="but" value="ok" type="button" onclick="f()" />
</p>
<p>Счёт</p>
<table width="3%" border="1">
  <tr>
    <td id="cnt">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Автор: stan90 13.12.2009, 01:08

спасибо большое!!то что я и хотел!