He intentado exportar una función que pide dos números al usuario, hace una serie de cálculos matemáticos e imprime todo ello en una etiqueta html textarea
Lo he hecho de la siguiente manera:
math.html
<body>
<script type="import" src="../js/main.js"></script>
//LÍNEA AÑADIDA
<div id="textarea"></div>
<button onclick="mathTextArea();">pulsar aquí</button>
</body>
mathFunctions.js
export function mathTextArea (){
let input = prompt("INTRODUCIR NÚMERO A , B: ");
let numbers = input.split(',');
let a = numbers[0];
let b = numbers[1];
let result = `
Neperiano: ${(Math.log(a))}
Raíz: ${(Math.sqrt(a))}
Elevado: ${(Math.pow(a,b))}
Más cercano y menor: ${(Math.floor(a))}
Más cercano y mayor: ${(Math.ceil(b))}
Redondeo: ${(Math.round(a))}
Número random (0-1): ${(Math.random())} Número random (a-b): ${(Math.random(a * b))}
Seno: ${(Math.sin(b))}
Coseno: ${(Math.cos(b))}
Tangente: ${(Math.tan(b))}
Absoluto: ${(Math.abs(a))}
Valor máximo: ${(Math.max(a,b))}
Valor mínimo: ${(Math.min(a,b))}
Hipotenusa: ${(Math.hypot(a,b))}
`;
document.write("<textarea>" + result + "</textarea>");
}
y por último el archivo main.js donde decido importar todas las funciones que necesite, teniendo así todo el códido de una forma más organizada y solamente teniendo que añadir una etiqueta script
en el código html
import {mathTextArea} from './mathFunctions';
//LÍNEA AÑADIDA
let zone = document.getElementById("textarea");
zone.addEventListener("click", mathTextArea);
Cuando se hace click en el botón ubicado en el math.html la consola de comandos del navegador web reporta el siguiente error:
Agradecería cualquier documentación para arreglar este error, solución o consejo sobre una mejor estructura de los archivos y código.
Por último adjunto al estructura de directorios