如何從外部JS文件中調用onClick按鈕，一個function

Question

我正在使用 JS 和 HTML 做我的第一步，我正在嘗試制作一個用於平方數字的頁面，在第一個框中我輸入一個數字，第二個是空白的，我單擊按鈕，我想要結果之前輸入的數字出現在第二個框中，function 是從外部 js 文件加載的，誰能解釋一下怎么做？

HTML代碼

<html>

<head>
<title>Tytuł strony</title>
<link rel="stylesheet" href="styl.css" type="text/css" />

</head>

<body>
<section>
    <h2>Skrypt do potęgowania liczb</h2><br> 
Podaj liczbę którą podniesiemy do kwadratu:<br>
<input type="text" id="Liczba" value="" placeholder="Liczba" /><br>
<input type="text" id="Wynik" value="" placeholder="Wynik" /> 
<button type="button" id="Przycisk" onclick="Potegowanie(Liczba, Wynik)" >Oblicz</button><br>

</section>
<script type="text/javascript" src="script.js"></script>
</body>

</html>

JS代碼

<script type="text/javascript">
function Potegowanie(pole_na_liczbe, pole_na_wynik)
{
var liczba = document.getElementById("pole_na_liczbe").value;
var wynik = liczba*liczba;
pole_na_wynik.value = wynik;
}
</script>

Answer 1

要獲取第一個值，您可以使用document.getElementById(); 方法，並引用您的第一個輸入框的 id，例如...

var liczba = document.getElementById("Liczba").value;

...然后在您完成計算后，您可以使用類似的方法將值分配給您的第二個輸入框...

document.getElementById("Wynik").value = wynik

總而言之，它看起來像這樣......

 function Potegowanie() { var liczba = document.getElementById("Liczba").value; var wynik = liczba*liczba; document.getElementById("Wynik").value = wynik }

 <html> <head> <title>Tytuł strony</title> <link rel="stylesheet" href="styl.css" type="text/css" /> <script type="text/javascript" src="script.js"></script> </head> <body> <section> <h2>Skrypt do potęgowania liczb</h2><br> Podaj liczbę którą podniesiemy do kwadratu:<br> <input type="text" id="Liczba" value="" placeholder="Liczba" /><br> <input type="text" id="Wynik" value="" placeholder="Wynik" /> <button type="button" id="Przycisk" onclick="Potegowanie()" >Oblicz</button><br> </section> </body> </html>

額外的指針...在 JavaScript 中，我們使用駝峰式命名變量、id 和函數，因此您的 function Potegowanie()例如最好被稱為potegowanie() 。 它仍然可以正常工作，但這只是一種很好的做法。

如何從外部JS文件中調用onClick按鈕，一個function

問題描述

1 個解決方案

解決方案1
1 2021-06-13 16:58:15

如何從外部JS文件中調用onClick按鈕，一個function

問題描述

1 個解決方案

解決方案1 1 2021-06-13 16:58:15

解決方案1
1 2021-06-13 16:58:15