-1

私は一日中ウェブサイトの構築に取り組んでいます。私は Javascript/HTML にかなり慣れていないので、いつも行き詰まります。今日、私はこのファイルをコーディングし、最初の 2 つの JavaScript 関数を終了するとコードは正常に機能しましたが、3 つ目の関数を終了すると、コンソールで 3 つの関数すべてが「未定義」になりました。このファイルをブラウザで開いても何もしません。これが私のコードです:`

<html>
<head>
<title> Broker Page -- Stock Operating System </title>
<link rel="stylesheet" type="text/css" href="styleSheet.css" />
<h1> Welcome to Broker Page! </h1>

<script type="text/javascript"> 
function executeStock() {
     var stockPrice = Math.random() * 10;
     var inputStr = document.getElementById('stockName').value;
     if (inputStr != "") {
         if (inputStr.length != 6)
             alert('Please enter 6 digits for the stock ID!');
         else if (inputStr >= 0)
             document.write("The stock price for the stock you are searching for is " + stockPrice.toPrecision(2));
         else 
             document.write("<h1> <font face="Calibri"> The stock ID you entered is invalid! It must only contain digits! </font> </h1>");
     }
}

function buyStock() {
     var stockID = document.getElementById('buyingStock').value;
     var stockShares = document.getElementById('stockShare').value;
     if (stockID.length != 6) {
          alert("The stock ID you entered must be six digits!");
          return;
     }
     if (stockShares > 0) {
          alert("You succeeded!");
     } else 
          document.write("<h1>The stock share you entered is invalid. Please try again!</h1>");
}

function sellStock() {
     var stockIDToSell = document.getElementById('sellOne').value;
     var sellSh = document.getElementById('sellShare').value;
     if (stockIDToSell.length != 6) {
          alert("The stock ID you entered must be six digits!");
          return;
     }
     if (sellSh > 0) {
          alert("You sold " + sellSh + " share of stock with ID: " + stockIDToSell);
     } else 
          document.write("<h1>The stock share you entered is invalid. Please try again!</h1>");
}

</script>

</head>
<body>
<div align="center">
<form method="post" onsubmit="executeStock();" >
<font face="Calibri" color=#880000> Search Stock </font>
<input type="text" id="stockName" size="13" />
<input type="submit" id="SubmitSearch" value="go" style="width:40px;height:30px;font-size:16" />
</form>
</div>
<br> </br> 
<div align="center">
<form method="post" onsubmit='buyStock();'>
<font face="Calibri" color=#880000 size=12> Buy Stocks </font> <br> </br>
<font face="calibri" color=#000000> Enter the stock ID: </font>
<input type="text" value="" id="buyingStock" />
<br> </br> 
<font face="calibri" color=#880000> Enter share: </font>
<input type="text" value="" id="stockShare" />
<input type="submit" value="Buy!" />

</form>

<form method="post" onsubmit='sellStock();'>
<font face="Calibri" color=#008800 size=12> Sell Stocks </font> 
<br> </br>
<font face="calibri" color=#000000> Enter the stock ID: </font>
<input type="text" value="" id="sellOne" />
<br> </br> 
<font face="calibri" color=#880000> Enter share: </font>
<input type="text" value="" id="sellShare" />
<input type="submit" value="Sell!" />

</form>

</div>
<div align="center">
<p> <font face="Calibri"> Your client information and recent transactions will be loaded here. </font> </p>
</div>

</body>
</html>

` この問題について誰か助けてくれませんか? これは間違いなく重複した質問ではありません。ありがとう。

4

1 に答える 1