Saya cuba mendapatkan input nilai melalui acara onblur tetapi ia tidak berfungsi apabila saya menggunakan modul JS.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Calculadora de receitas e despesas</title>
<script type="module" src="main.js"></script>
</head>
<body>
<table>
<tr>
<td >Franchise Fee</td>
<td class="value">
<input type="input" class="form__field" placeholder="R$" name="franchise-fee" id='franchiseFee' onblur="getFranchiseFee()" required />
</td>
</tr>
</table>
</body>
Fail modul GetElements.mjs:
function getFranchiseFee(franchiseFee){
franchiseFee = document.getElementById('franchiseFee');
// console.log(franchiseFee.value);
return parseFloat(franchiseFee.value);
}
export {getFranchiseFee};
fail utama.js:
import {getFranchiseFee} from './GetElement.mjs';
console.log(getFranchiseFee());
Saya cuba memaparkan nilai yang dimasukkan pada log konsol menggunakan fungsi dalam modul dan mencetaknya menggunakan log konsol dalam fail main.js.
Kini memaparkan mesej ralat yang memberitahu anda bahawa ini tidak mungkin
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya menyalin eksport yang salah di sini tetapi ia betul sekarang. Ini bukan masalah