2015-07-20 3 views
1

Я все еще беру уроки HTML, но мне удалось это сделать на прошлой неделе, и теперь я полностью забыл ответ.Как ввести число строк и столбцов и создать таблицу

В основном есть два входа. В одном вы вводите количество столбцов, а другое - количество строк. Когда вы нажимаете кнопку, она создает таблицу с этими соображениями (содержимое таблицы не имеет значения). Я должен использовать параметры в функции, но я немного забыл, как они работают, и это беспорядок, с которым я столкнулся: Я уверен, что все, кроме части параметров, является правильным. Я просто не знаю, как получить значения из входных текстов и использовать их в качестве параметров.

<html> 
<head> <title> Rows and Columns </title> </head> 
<body> 

<form name="form"> 

Number of rows: <input type="text" name="row" /> 
Number of columns: <input type="text" name="col" /> 
<input type="button" onClick="create(c,r)" value="create" /> 



</form> 


<script> 


function create(c,r) { 
    c=document.forms.form.col.value 
    r=document.forms.form.row.value 
    document.write("<table width='1'>" + 
    for(i=1;i<=r;i++) { document.write("<tr>" + 
     for(e=1;e<=c;e++) { document.write("<td>" + c + "</td>") } + "</tr>") } + "</table>") 





</script> 
</body> 

</html> 

ответ

0

Вы можете передавать значения, когда вы вызываете OnClick, как это:

<input type="button" onClick="create(document.forms.form.col.value, document.forms.form.row.value)" value="create" />

удалить их из создания функции

c=document.forms.form.col.value 
r=document.forms.form.row.value 
Смежные вопросы