Permalänk

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.

Visa signatur

Big Bang Theory
Howard Wolowitz

Permalänk
Inaktiv

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

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

Permalänk
Skrivet av anon81912:

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.

Visa signatur

Big Bang Theory
Howard Wolowitz

Permalänk
Inaktiv

@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.

Permalänk
Medlem

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

Permalänk
99:e percentilen

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.

Visa signatur

Skrivet med hjälp av Better SweClockers