关于层的排序问题？

Question

页面上有一个广本框，我在文本框里输入CNNCCNNC这八个字母，然后点击按钮，这时在页面上出现八个层，不同的是它们是由两个层组成的，并且是按文本框里字母的顺序排列的，如图：
■□□■■□□■黑的代表C，白的代表N，这样说明白了吗？

Answer 1

不知你说的是不是这个意思:<script>
var cnurl = new Array("c.gif", "n.jpg");var c = 0x63;    // keycode of 'c'
var n = 0x6e;    // keycode of 'n'var cur;
function sort() {
    var i = window.event.keyCode;
    if  (i==c || i==c-0x20) cur = 0;
    else if  (i==n || i==n-0x20) cur = 1;
    else return;
    show.innerHTML += "<img src='" + cnurl[cur] + "'>";
}
</script><img src="c.gif" width=30 height=30><img src="n.jpg" width=40 height=40><br>
<input typt=text onkeypress="sort()"><br>
<div id=show></div>

Answer 2

<script>
function print(str) {
var ret=""
for(i=0;i<str.length;i++)
if(str.charAt(i).toUpperCase()=="C")
ret+=("<span style=color:white;background-color:black;width:20>"+str.charAt(i)+"</span>")
else if(str.charAt(i).toUpperCase()=="N")
ret+=("<span style=background-color:white;color:black;width:20>"+str.charAt(i)+"</span>")
show.innerHTML = ret
}
</script>
<input typt=text onpropertychange="print(this.value)"><br>
<div id=show></div>

Answer 3

<script>
function print(str) {
var ret=""
for(i=0;i<str.length;i++)
if(str.charAt(i).toUpperCase()=="C")
ret+=("<span>■</span>")
else if(str.charAt(i).toUpperCase()=="N")
ret+=("<span>□</span>")
show.innerHTML = ret
}
</script>
<input typt=text onpropertychange="print(this.value)"><br>
<div id=show></div>

Answer 4

<script>
function print(str) {
var ret=""
for(i=0;i<str.length;i++)
if(str.charAt(i).toUpperCase()=="C")
ret+=("<span>■</span>")
else if(str.charAt(i).toUpperCase()=="N")
ret+=("<span>□</span>")
show.innerHTML = ret
}
</script>
<input typt=text onpropertychange="print(this.value)"><br>
<div id=show></div>

Answer 5

非常感谢，问一下onpropertychange,这个是什么意思

Answer 6

<script>
function print(str) {
var ret=""
for(i=0;i<str.length;i++)
if(str.charAt(i)=="c")
ret+=("<span>■</span>")
else if(str.charAt(i)=="n")
ret+=("<span>□</span>")
show.innerHTML = ret
}
</script>
<input typt=text onpropertychange="print(this.value)" maxlength=20 onkeypress=with(window.event)return(keyCode==99||keyCode==110)><br>
<div id=show></div>