Tengo problemas para convertir esto a jsx, sé que la etiqueta en sí misma en html representa jsx, pero cuando lo agrego a un nuevo archivo que es un .js, ¿simplemente lee mi código como texto? simplemente muestra mi código como texto en la página web (este código funciona en una página html, es un cuadro de entrada donde un usuario ingresaría un correo electrónico para un boletín informativo)
<html> <body> ...styling code elements ...styling code elements <button class="join" id = "join"> join </button> <script> let email = document.getElementById("email") document.getElementById("join").onclick = () => { console.log(email.value) fetch("/sendemail?email=" + email.value, { method: "POST" }).then((res) => { // success alert("success") }).catch((err) => { // error alert(err) }) } </script> </body> </html>Debe apuntar la etiqueta del elemento HTML del script al archivo .js mediante el atributo src. Luego, coloque el texto que se encuentra entre las etiquetas del script en el propio archivo .js.
<script src="main.js"> </script>