同じ文字を繰り返す

赤字：JavaScriptの命令や重要なタグ／青字：用途に応じて変更する部分／緑字：変更可能な変数名やユーザー関数名

戻る

実例

例文

<form name="form_repeat">
<input type="text" name="f_text" value="☆">
<input type="text" name="f_number" value="10" size="2">
<input type="button" value="→" onClick="setPoint()">
<span id="output"></span>
</form>

<script type="text/javascript">
//フォームから数値を取得
function setRepeat() {
	var s = document.form_repeat.f_text.value; //文字列(1)
	var num = document.form_repeat.f_number.value; //回数(2)
	document.getElementById("output").innerHTML = repeatText(s,num); //(3)
}

//文字を繰り返す
function repeatText(s,num) {
	var t,n;
	t = "";
	for (n=0;n<num;n++) {
		t += s;
	}
	return t;
}
</script>

解説

(1)でフォームから文字列を変数sに取得、(2)で繰り返しの回数を変数numに取得しています。(3)でユーザー関数を呼び出して結果を出力しています。

ユーザー関数repeatText
非常に単純な仕組みです。入力された文字列（変数s）をfor文で（変数numの回数）繰り返して変数tに入れて、戻しています。

戻る