Javascript练习:回声产生器


这次的练习使用了字符串类截取子串的方法。
制造类似回声的文字效果。
只适合全部使用全角字符。
我尝试着把Javascript放在单独的js文件中,从WordPress的HTML编辑界面调用它,但是却失败了。
等有时间再研究一下吧。






下面是代码全文:

<form name="word" action="">
<input type="text" name="echo" size="40" value="祝大家兔年吉祥,万事如意!" />
<input type="button" name="btnProc" value="文字を処理する" onclick="strProc()"/>
<textarea name="output_area" cols="40" rows="10"></textarea>
</form>

<script type="text/javascript">
<!--
function strProc() {
	var text = document.word.echo.value;
	var text_len = text.length;
	var output_text = "";
	for (i = 0; i < text_len; i++) {
		output_text += text.substr(i);
		for (j = 0; j < i; j++) {
			output_text += "・";
		}
		output_text += "\n";
	}
	document.word.output_area.value = output_text;
}
// -->
</script>

另外,一直使用的iStudio主题虽然效果很棒,但是与代码高亮插件总有一些不兼容。加之调试Javascript时出现了不少警告,所以就换成了WordPress自带的比较朴素的主题了。

Tagged on:

One thought on “Javascript练习:回声产生器

发表评论

电子邮件地址不会被公开。