Изменение текста элемента div после ввода пользователем

Я хочу изменить текст результата div, когда человек что-то пишет в текстовом поле и делает его текстом, который написал пользователь. кто-нибудь про/умный/достаточно осведомленный, чтобы помочь мне? Я новичок в java-скрипте, поэтому, пожалуйста, помогите мне. Вот код:Изменение текста элемента div после ввода пользователем

<!DOCTYPE HTML> 
<html> 
<head> 

<script> 
function updateText(text){ 
document.getElementById("result").innerHTML =text; 
} 
}</script> 

</head> 
<body> 

<div id="text"> 
Write to change:<input id="slide" type="text" value="" 
onchange="updateText(this.value);" /> 


</div> 
<div id="result" style="height:40px;width:40px;border:1px solid #999"></div> 
<br/> 
</body> 

</html>

я также хотел бы знать, как вставить текст, который пользователь написал в окно запроса в этот элемент страницы.

источник

2013-04-24 user2313853

у вас есть синтаксическая ошибка в js (удалить дополнительные '}') – Josh

@ user2313853 Если у вас есть два вопроса, вы, вероятно, не должны комбинировать их в одном подобном. Для вашего примера кода я рекомендовал закрыть, так как это вряд ли поможет другим здесь в SO. Ваш другой вопрос («как вставить ...»), скрытый в конце, будет проигнорирован из-за этого объединения, если этот вопрос будет закрыт. – Anthon

Ваш код абсолютно прекрасен, за исключением того факта, что вы использовали один дополнительный «}» в своем коде.

<!DOCTYPE HTML> 
    <html> 
    <head>  
    <script> 
    function updateText(text){ 
    document.getElementById("result").innerHTML =text; 
    } 
    </script>  
    </head> 
    <body>  
    <div id="text"> 
    Write to change:<input id="slide" type="text" value="" 
    onchange="updateText(this.value);" /> 
    </div> 
    <div id="result" style="height:40px;width:40px;border:1px solid #999"></div> 
    <br/> 
    </body>  
    </html>

Однако в окне браузера вы можете видеть вывод только в том случае, если вы оставите управление подальше от текстового поля. Попробуйте щелкнуть в другом месте в браузере после ввода некоторого ввода.

источник

2013-04-24 05:33:21 ikis

Джош уже нашел ошибку синтаксиса, вам следует ИМХО дать ему кредит за это в вашем ответе, хотя повторяю, что здесь, чтобы ваш ответ был полным, (особенно для людей, которые ленивы читать комментарии). – Anthon

@Anthon Согласен, что дополнительный '{' был указан ранее, но, поскольку вопросник является новым для JavaScript, я предположил, что она может ожидать вывод, не отменяя контроль над текстовым полем (onChange не будет срабатывать). поэтому приблизились, чтобы просто разработать немного больше. :) – ikis

Я согласен с тем, что ваш ответ добавляет ценность, я бы просто начал отвечать «Как уже сказал Джош ...». (Комментарий Джоша был изначально ответом и перенесен одним из модераторов, на моем флаге) – Anthon

Изменение текста элемента div после ввода пользователем

ответ

Смежные вопросы