Проблема с JS, событие onClick

Алексей Ружников

Немогу решить простенькую задачку, в JS не силен:

Создать кнопку, при нажатии на которую выполняется скрипт,
записывающий на ней следующие 3 строчки: первая будет
полужирным шрифтом, вторая курсивом, третья – размещена
по центру

Мне нужно, чтобы все строки имели разный стиль. У меня пока получается, только один стиль. Думаю, что нужно разбить значение value у input на 3 части, присвоить id каждой строке и менять стиль c помощью метода getElementById. Возможно, все делается гораздо проще. Вообщем не знаю. Заранее спасибо, за помощь.
Вот, что я смог накодить, пока только получается изменить стиль у атрибута value целиком (у всех строк):
<head>
<script type="text/javascript">
function changeText () {
document.getElementById('click').value = "Строка1\nСтрока2\nСтрока3";

document.getElementById('click').style.fontStyle = 'italic';

}
</script>

</head>
<body>
<form>
<input type="button" id="click" value="Click me"
onClick="changeText()">
</form>
</body>

1 чел.