Форум сайта MyRusakov.ru

вот задачи по jq решаю ,и у меня систематические затыки в нижеследующих местах...

Задача такая: нужно через форму ввести размер блока и цвета. При нажати на кнопку блок должен появится и так любое количество раз.
Но у меня блок появляется, а как функция выполняется, то форма очищается и блок исчезает.
<form name="my_form">
<p>введите ширину:<input type="text" name="shirina"></p>
<p>введите высоту:<input type="text" name="visota"></p>
<p>введите цвет (в формате #aabbcc):<input type="text" name="tsvet"> </p>
<p><input type="submit" value="создать блок" onClick="newblock()"></p>
</form>
<div class="vse"></div>

<script type="text/javascript">

function newblock() {
 var myform = $(":text";
  alert(myform.length);
   
  shirina = myform.get(0).value +"px";
  visota = myform.get(1).value +"px";
  tsvet = myform.get(2).value;
  alert(shirina+visota+tsvet);
 text = "<div class='block"+bb+"'></div>";
  alert(text);
     $(text).appendTo("div.vse"; // вот эту строку надо из функции вытащить
    var text1="div.block"+bb;
    alert(text1);
     $(text1).css("width", shirina);         //  и эти строки надо из функции вытащить
     $(text1).css("height", visota);        //
     $(text1).css("background-color", tsvet);//
    alert("пауза";
    
}
var bb = 0;
var shirina,visota,tsvet;
var text="";

 
</script>

.............. пробовал переменные глобальные создавать им приравнивать, но ничего не выходит

ответ оказался пошлый: удалялось все с экрана из-за банального и скучного  html -тега  <form></form>---- убрал его и блоки стали оставаться на экране без всякой глобализации переменных.