Сохранение текстового поля на экране, конвертер валют - HTML5, Javascript

<!doctype html> 
<html lang="en> 
<head> 
    <meta charset="utf=8" /> 
    <title>Pound Euro Converter</title> 
    <link rel="stylesheet" href="ptec.css" /> 
    <script type="text/javascript"> 

     var euro; 

     function ETP(){ 
      euro = document.getElementById("euro").value; 
      var pound = euro/1.17; 
      document.getElementByID("answer").innerHTML = "Pounds = " + pound; 
     } 

    </script> 



<body> 

    <p id="answer"></p> 

    <input type="text" id="euro"/> 

    <button onClick="ETP();">Convert</button> 



</body> 

</html>

Проблема заключается в том, что после преобразования моего ввода (евро) в фунты javascript пишет ответ (в фунтах) на экране, но удаляет все остальное на экран, включая поле ввода. Я хочу конвертер, где поле ввода остается на экране все время, где это просто вопрос изменения номера в поле ввода и нажатия кнопки «Преобразовать». Должен ли я вводить ввод в какой-то цикл? Я знаю, могу ли я поставить поле ввода внутри функции Javascript, и если бы я продолжал цикл функции, он мог бы работать. У кого-нибудь есть какие-то идеи. Самый простой способ постоянно выполнять функцию и текстовое поле на экране. ~ То же, что и в google Translate, за исключением конвертера валюты.Сохранение текстового поля на экране, конвертер валют - HTML5, Javascript

источник

2013-06-24 Greg Peckory

Просто напишите ответ на элемент. Проблема с document.write() - это уничтожение всего на странице.

HTML - где-то написать ответ

<p id="answer"></p>

Javascript

function ETP(){ 
     euro = document.getElementById("euro").value; 
     var pound = euro/1.17; 
     document.getElementById("answer").innerHTML = "Pounds = " + pound; 
    }

Demo

источник

2013-06-24 18:27:49 MrCode

Ничто не кажется, произойдет, когда я нажал новообращенного. У меня могло бы быть место в другом месте моего кода, я только вчера начал Javascript, поэтому мне очень жаль, если мне кажется немного медленным. Теперь я опубликовал весь свой код, какие-то идеи? –

Посмотрите, как вы написали 'getElementByID', он имеет прописную букву D. Скопируйте и вставьте из моего ответа - это должно быть' getElementById', как указано выше. Javascript чувствителен к регистру, поэтому он будет дрожать, когда это произойдет. – MrCode

Действительно извините, типичная ошибка. Поместите капитал в «Идентификатор», где не нужно. Работает отлично. Спасибо за ответ!! –

Сохранение текстового поля на экране, конвертер валют - HTML5, Javascript

ответ

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