<code>`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="username">
<button id="clickmeplease">click me</button>
<script type="module" src="./javascript/2.3 main.js"></script>
</body>
</html>
//2.3 main.js file
import {user, test, message} from "./2.4 mediator.js"
import $ from 'jquery'
let username;
$("clickmeplease").addEventListener("click", displayy);
function displayy(){
// event.target;
console.log()
username = $("username").value;
console.log(username);
> }`
</code>
<code>`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="username">
<button id="clickmeplease">click me</button>
<script type="module" src="./javascript/2.3 main.js"></script>
</body>
</html>
//2.3 main.js file
import {user, test, message} from "./2.4 mediator.js"
import $ from 'jquery'
let username;
$("clickmeplease").addEventListener("click", displayy);
function displayy(){
// event.target;
console.log()
username = $("username").value;
console.log(username);
> }`
</code>
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="username">
<button id="clickmeplease">click me</button>
<script type="module" src="./javascript/2.3 main.js"></script>
</body>
</html>
//2.3 main.js file
import {user, test, message} from "./2.4 mediator.js"
import $ from 'jquery'
let username;
$("clickmeplease").addEventListener("click", displayy);
function displayy(){
// event.target;
console.log()
username = $("username").value;
console.log(username);
> }`
I’m getting error message Uncaught TypeError: Failed to resolve module specific. i tried using cdn and also got the same error message. I’d like to find a solution to adding jquery to my module file in javascript
New contributor
farouq is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.