Trädvy Permalänk
Medlem
Registrerad
Okt 2015

export modules hur fungerar?

Hej!

Ursäkta för en ny tråd, gjorde en nyss om mitt quiz som jag behövde hjälp med, men undrar nu hur export.modules fungerar.

Söker på google och får inget svar direkt.

Vill liksom "dela" upp min kod i olika js filer och impoterna in dom in till app.js som är min "main" fil.

vet inte hur man gör detta, eller hur det fungerar. Söker på google som sagt, men får inte fram något svar, vet inte om jag söker på rätt, sökt på export modules.

Big Bang Theory
Howard Wolowitz

Trädvy Permalänk
Medlem
Plats
Malmö
Registrerad
Feb 2006

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refer...

kollat här? Vad är det specifikt du inte får till?

Trädvy Permalänk
Medlem
Registrerad
Okt 2015
Skrivet av Killbom:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refer...

kollat här? Vad är det specifikt du inte får till?

tänkte typ om jag vill lägga in denna kod

// svara knappen let sendQuestionAnswer = document.getElementById('aButton') sendQuestionAnswer.addEventListener('click', sendAnswer) async function sendAnswer (event) { let data = {} if (document.getElementById('inputAnswer') !== null) { data.answer = document.getElementById('inputAnswer').value } else { data.answer = document.querySelector('input[name="radioAnswer"]:checked').value } let answerForJson = await window.fetch(answerURL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) let jsonA = await answerForJson.json() console.log(jsonA) if (jsonA.message === 'Correct answer!') { if (jsonA.nextURL !== undefined) { questionURL = jsonA.nextURL } else { quizCompleted() saveScore() quizScore() } } else { questionURL = 'http://vhost3.lnu.se:20080/question/1' document.getElementById('wrongAnswer').innerHTML = 'Du svarade fel, börja om.' clearInterval(downloadTimer) loss() } getNextQ() }

i en ny fil som heter t.ex answers.js

hur hämtar jag in denna fil till app.js som är min main fil liksom, så det fungerar som det gör nu när jag har koden i app.js redan liksom.

Big Bang Theory
Howard Wolowitz

Trädvy Permalänk
Medlem
Plats
Malmö
Registrerad
Feb 2006

@Howardtheory:

Skapa en fil och kalla den api.js

Däri kan du lägga koden

export class Api { public function sendAnswer(event) { // ... kod ... } }

sen i den koden du redan har:

import { Api } from "api" // svara knappen let sendQuestionAnswer = document.getElementById('aButton') sendQuestionAnswer.addEventListener('click', Api.sendAnswer)

Ungefär, du borde få lite hjälp att få rätt på sökvägarna av din editor.

Trädvy Permalänk
Medlem
Plats
Örebro
Registrerad
Okt 2001

Skulle rekommendera dig att alltid titta på https://developer.mozilla.org då inte allt som finns fungerar i alla webbläsare.

export har inget stöd i IE t.ex. däremot stöds det av Microsoft Edge

Trädvy Permalänk
Entusiast
Testpilot
Plats
Chalmers
Registrerad
Aug 2011

Tror att det vanligaste är att man använder ett byggverktyg, till exempel Webpack, för att bygga ihop alla sina moduler till en enda bundle.

5930K • Corsair DP 32 GiB • EVGA GTX 980 • 2x Swift PG278Q
Better SweClockersDisplayPort över USB-C

Köp processor för framtiden™, men inte grafikkort.