Build a Roman Numeral Converter Project - Build a Roman Numeral Converter

JavaScript
1

Tell us what’s happening:

i’ve created my addeventlistener for my convert btn for step 3 but it doesn’t work. I’ve reviewed the code and made sure it’s connected to my html but it still doesn’t work.

Your code so far

<!-- file: index.html -->
<!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></title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>

<h1>Roman Numeral</h1>
<h2>Counter</h2>
<input id="number">
<button id="convert-btn"></button>
<div id="output"></div>
<span id="output"></span>
<p id="output"></p>






  </body>
  </html>

/* file: script.js */
const numberInput = document.getElementById("number");
const convertBtn = document.getElementById("convert-btn");

const outPut = document.getElementById("output");

function checkUserInput () {

}


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Build a Roman Numeral Converter Project - Build a Roman Numeral Converter

2

you should add this code in html (inside body):
<script src="script.js"></script>

because the js file is external file.

3

you are missing the script element, like @adrian.irawan92 said

but also, where is the eventListener? you have not written it in the code you provided