1. дома
  2. Вопрос и ответ
  3. Преобразование текста в нижний регистр или в верхний регистр с ожидающим переключателем

Преобразование текста в нижний регистр или в верхний регистр с ожидающим переключателем

2016-02-07 2 views
0

Я пишу программу Javascript, которая принимает текст ввода пользователей, затем (в ожидании проверки переключателя - lowerCase/UpperCase) преобразует входной текст в нижний регистр/верхний регистр и верхний регистр выводит значение обратно в форму.Преобразование текста в нижний регистр или в верхний регистр с ожидающим переключателем

Чисто пытается учиться на собственном Javascript. Я умеренно новый (но подкованный) для JS. Довольно прочная по HTML, CSS, Java, но BRAND новая с взаимодействием с элементами страницы.

Я прорылся в течение двух дней, чтобы попытаться решить эту проблему. Я даже проверил несколько книг в своей местной библиотеке. (В настоящее время читаем текст, руководство Microsoft по CSS/HTML и JS). Какие другие книги вы бы порекомендовали для того, чтобы в JS больше?

Вот такой код. Хотя я знаю, что можно использовать CSS, чтобы преобразовать это, и я это сделал. Я просто хочу узнать Javascript.

<!DOCTYPE html> 
<html> 
<head> 
<title> Case Changer By: Elliot Granet</title> 

<style> 
function convert(){ 
    var convertedText = document.test.input.value; 
    if(document.getElementById("lowerCase").checked = true){ 
     var output = convertedText.toLowerCase(); 
     }else { 
     output = convertedText.toUpperCase(); 
     } 
    document.getElementById('outputText').value = output; 
} 
convert(); 

</head>

Остальное -

<body> 
<h3>Choose your Conversion method below:</h3> 
<form action="getElementById"> 
    <fieldset> 
<input id="lowerCase" type="radio" name="case" value="lowerCase">Lower Case<br> 
<input id ="upperCase" type="radio" name="case" value="upperCase">Upper Case<br><br> 
    </fieldset> 
    <fieldset> 
<textarea id="inputText" name="input" form="inputText">Enter text here to be Converted...</textarea> 
    </fieldset><br> 
    <fieldset> 
<textarea id ="outputText" name="output" form="outputText">Converted text will appear here...</textarea> 
    </fieldset> 
    <input type="button" value="Convert"> 
</form> 

</body> 
</html>

источник

2016-02-07 aether

+0