Kai-Behncke
Erfahrenes Mitglied
Hallo liebe Leute,
ich habe eine grundlegende JavaScript-Verständnisfrage:
Wenn ich folgendes HTML mit JavaScript hochlade:
So wird das Skript nach einem Mausklick auf den demo-p einwandfrei ausgeführt.
Nun ist es jedoch so, dass ich innerhalb des Codes noch eine Bibliothek importiere (import.js) (diese funktioniert einwandfrei)
z.B. mit verschiedenen externen Klassen:
Das "Gesamtskript sieht dann so aus:
...und, damit die externe Bibliothek funzzt, muss ich daraus ein bundle erstellen
[npm run build]
Wenn ich das tue, dann funktioniert aber mein Miniscript nicht "myFunction();".
Ich erhalte dann immer die Meldung:
myFunction is not defined
Kann mir jemand helfen? Ich glaube ich verstehe etwas Grundsätzliches nicht.....:-/
ich habe eine grundlegende JavaScript-Verständnisfrage:
Wenn ich folgendes HTML mit JavaScript hochlade:
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Draw and Modify Features</title>
<script>
function myFunction (){
alert ("bla");
}
</script>
</head>
<body>
<p id="demo" onclick="myFunction();">Hallo</p>
</body>
So wird das Skript nach einem Mausklick auf den demo-p einwandfrei ausgeführt.
Nun ist es jedoch so, dass ich innerhalb des Codes noch eine Bibliothek importiere (import.js) (diese funktioniert einwandfrei)
z.B. mit verschiedenen externen Klassen:
Javascript:
import Map from 'ol/Map.js';
import View from 'ol/View.js';
import {Draw, Modify, Snap} from 'ol/interaction.js';
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer.js';
import {OSM, Vector as VectorSource} from 'ol/source.js';
import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style.js';
Das "Gesamtskript sieht dann so aus:
Code:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Draw and Modify Features</title>
<script>
alert ("hello");
function myFunction (){
alert ("bla");
}
</script>
</head>
<body>
<div id="test" style="width: 350px; height: 260px;"></div>
<script src="./import.js"></script>
<p id="demo" onclick="myFunction();">Hallo</p>
</body>
</html>
...und, damit die externe Bibliothek funzzt, muss ich daraus ein bundle erstellen
[npm run build]
Wenn ich das tue, dann funktioniert aber mein Miniscript nicht "myFunction();".
Ich erhalte dann immer die Meldung:
myFunction is not defined
Kann mir jemand helfen? Ich glaube ich verstehe etwas Grundsätzliches nicht.....:-/