現状

JS web

Inout.htm

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
	<title>IN,OUT</title>
	<script language="javascript" type="text/javascript" src="Inout.js"></script>
</head>
<body>
        <div align="center">
		<label><font size=5>Input,Output</font></label>
	<table>
	<tr>
	     <td>
		<label>入力用</label>
	     </td>
	     <td>
		<input type="text" name="txtIN"　size=30>
	     </td>
	     <td>
		<input type="button" name="btnHyouji" value="表示" onclick="inout()">
	     </td>
	</tr>
	<br>
	<tr>
	     <td>
		<label>出力用</label>
	     </td>
	     <td>
		<input type="text" name="txtOUT" size=20>
	     </td>
	</tr>
	</table>
        </div>
</body>
</html>

Inout.js

function inout()
{
  alert("test");
}

昨日やったときは js ファイルの読み込みができなかったのに
今日はうまくいった(´･ω･｀)ﾅﾝﾃﾞ?
実際は、入力した文字を表示ボタン押下で別テキストボックスに
出力する処理。
これからｶﾞﾘｶﾞﾘ js する(＾ω＾)

Inout.htm

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
	<title>IN,OUT</title>
	<script language="javascript" type="text/javascript" src="Inout.js"></script>
</head>
<body>
<form id="frmInout">
<div align="center">
		<label><font size=5>Input,Output</font></label>
	<table>
	<tr>
	    <td><label>入力用</label></td>
	    <td><input type="text" id="txtIN"　size=30></td>
	    <td><input type="button" id="btnHyouji" value="表示" onclick="inout()"></td>
	</tr><br>
	<tr>
	    <td><label>出力用</label></td>
	    <td><input type="text" id="txtOUT" size=20></td>
	</tr>
	</table>
</div>
</form>
</body>
</html>

id 属性と name 属性はブラウザによって拾い方が違うようなので
混ぜて使わないようにする＞＜
getElementById と getElementByName。

Inout.js

before

  var txtIN = document.getElementById("txtIN");
  var txtOUT = document.getElementById("txtOUT");
  txtOUT.value = txtIN.value;
  txtIN.value = "";

after

  document.getElementById("txtOUT").value = document.getElementById("txtIN").value;

１行で済む。