同じ文字を繰り返す

赤字: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に入れて、戻しています。

戻る