※ ChatGPTを利用し、要約された質問です（原文：Formの値を別のフレームで使いたい）
Formの値を別のフレームで使いたい
このQ&Aのポイント
上下分割のフレームのうち、上のフレームのフォームに入力した値を使って下のフレームを書き変えたいですが、うまくいきません。
JavaScriptの関数`CL()`で、フォームに入力されたRGB値を取得し、下のフレームを書き換える処理を行っていますが、何かがおかしいようです。
具体的には、`pt1`と`pt2`というクラスが存在しないため、スタイルが正常に適用されません。どこかが間違っている可能性があります。
上下分割のフレームのうち、上のフレームの
<FORM NAME="BForm">
RGB値を入れる＞
1番目の色：<INPUT TYPE="text" NAME="Bpt1" VALUE="" SIZE="8">
2番目の色：<INPUT TYPE="text" NAME="Bpt2" VALUE="" SIZE="8">
<INPUT TYPE="button" VALUE="CL" NAME="CL" onClick="CL()" tabindex="6">
</FORM>
でテキストボックスに入れた数字を使って
下のフレーム(komado3)を書き変えたいのですが。
<SCRIPT LANGUAGE="JavaScript">
<!--
function CL(){
B1V=document.BForm.Bpt1.value;
B2V=document.BForm.Bpt2.value;
parent.komado3.document.open();
parent.komado3.document.write('<HTML><HEAD>');
parent.komado3.document.write('<STYLE TYPE="text/css">');
parent.komado3.document.write('<!--');
parent.komado3.document.write('.pt1{color:'+B1V+'}');
parent.komado3.document.write('.pt2{color:'+B2V+'}');
parent.komado3.document.write('-->');
parent.komado3.document.write('<'+'/STYLE><'+'/HEAD><BODY>');
parent.komado3.document.write('<SPAN CLASS='+pt1+'>1番目の色は'+B1V+'です<'+'/SPAN>');
parent.komado3.document.write('<SPAN CLASS='+pt2+'>2番目の色は'+B2V+'です<'+'/SPAN>');
parent.komado3.document.write('</'+'BODY><'+'/HTML>');
parent.komado3.document.close();
}
//-->
</SCRIPT>
これだとうまく行かないのですが、どこがおかしいのか教えてください。
お礼
直してみたらうまくいきました。 ボタン名と関数名を同じにしてはいけないんですね。 ありがとうございました。