Форум

фонарик · #1 (**permalink**) 13.10.2013, 01:14

Доброго времени суток. Пожалуйста, подскажите решение задачки. Есть поле ввода. Необходимо чтобы введенное в поле значение дублировалось автоматически в серый блок div без нажатия на синюю кнопку.

<html>
  <head><style type="text/css">
.ddd{
	position:absolute;
	width:142px;
	height:40px;
	background-color:green}


.ddd2{
	position:absolute;
	top:80px;
	width:70px;
	height:30px;
	background-color:blue;
    cursor:pointer
	}
.ddd3{
	position:absolute;
	top:80px;
	width:48px;
	height:30px;
	background-color:gray;
	left: 89px;
	}		
</style> </head>
  <body>
<div class="ddd"><input name="zz" id="ee" type="number" value="" /></div>
<div class="ddd2" onclick=aaa()>КНОПКА</div>
<div class="ddd3" id="gray"></div>

<script>
function aaa(){
	var dd = document.getElementById('ee').value 
	document.getElementById('gray').innerHTML=dd
	}
</script>

  </body>
</html>

moskitos80 · #2 (**permalink**) 13.10.2013, 03:08

<html>
  <head><style type="text/css">
.ddd{
	position:absolute;
	width:142px;
	height:40px;
	background-color:green}


.ddd2{
	position:absolute;
	top:80px;
	width:70px;
	height:30px;
	background-color:blue;
    cursor:pointer
	}
.ddd3{
	position:absolute;
	top:80px;
	width:48px;
	height:30px;
	background-color:gray;
	left: 89px;
	}		
</style> </head>
  <body>
<div class="ddd"><input name="zz" id="ee" type="number" value="" /></div>
<div class="ddd2" onclick=aaa()>КНОПКА</div>
<div class="ddd3" id="gray"></div>

<script>
(function(G){
    var htmlDiv = G.document.getElementById('gray');
    G.document.getElementById('ee').onkeyup = function () {
        htmlDiv.innerHTML=this.value;
    }    
}(this));
</script>

  </body>
</html>

фонарик · #3 (**permalink**) 13.10.2013, 15:50

moskitos80, спасибо за решение

Действительно, есть же событие onkeyup, а я что-то не допетрил

Форум

Справочник

Discord чат

Курсы javascript