Via knop javascript activeren in een ander bestand

Vraag

vrijdag 28 september 2018 09:52

Acties:

0Henk 'm!

Mijn vraag:
Hoe activeer ik een script via <button>

Relevante software en hardware die ik gebruik
Notepad++

Mijn bedoeling is om via een ander bestand een script te activeren.
Je hebt het .html .css en .js bestand.
Maar het lukt mij niet om het .js script (alert('en dit is een javascript') te activeren zonder dat het script in het .html bestand moet.

<button type="button" onclick="javascript:alert('En dit een javascript. ');">Dit is een knop</button>

Dit kan wel, Alleen dan zit het script in het .html bestand wat ik liever niet wil

[Voor 35% gewijzigd door Tijs Beek op 28-09-2018 09:56]

Alle reacties

vrijdag 28 september 2018 09:53

Acties:

0Henk 'm!

Knetterhard

Dedicated

Je kan vanuit je browser geen bestanden benaderen van de client. Verder is je topic niet duidelijk gedefineerd, wat wil je activeren?

NZXT H710i - Asus Strix X570-E Gaming - Ryzen 9 5950X - 64GB G.Skill Trident Z F4 - 1TB Samsung 980 PRO M.2 - Asus GeForce RTX 3090 ROG Strix Gaming OC 24G - https://www.3dmark.com/3dm/55080463

vrijdag 28 september 2018 09:56

Acties:

0Henk 'm!

Tijs Beek

Topicstarter

Ik bedoel via <link src=....js> een script activeren nadat je op een <button> drukt

vrijdag 28 september 2018 09:59

Acties:

0Henk 'm!

Knetterhard

Dedicated

Als je een functie 'test' heb gedefineerd, kun je die activeren door een onClick attribute mee te geven aan de button. Bijvoorbeeld:

<button onClick="test();">Test</button>

NZXT H710i - Asus Strix X570-E Gaming - Ryzen 9 5950X - 64GB G.Skill Trident Z F4 - 1TB Samsung 980 PRO M.2 - Asus GeForce RTX 3090 ROG Strix Gaming OC 24G - https://www.3dmark.com/3dm/55080463

vrijdag 28 september 2018 10:01

Acties:

0Henk 'm!

RM-rf

1 2 3 4 5 7 6 8 9

bedoel je misschien een functie aanroepen?

JavaScript:

1
2
3

function klikMe() {
 alert('En dit een javascript functie. ');
}

aan te roepen met:

HTML:

1	<button type="button" onclick="klikMe();">Dit is een knop</button>

Dit is overigens de allereerste basis van javascript, als je dit niet begrijp zou ik je aanraden wat tutorials in 'javascript for beginners' te volgen.

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

vrijdag 28 september 2018 10:02

Acties:

0Henk 'm!

martijnve

Heb je het script ingeladen met <script src="..."></script>?

Mini-ITX GamePC: Core i5 3470 | 16GB DDR3 | GTX 970 4GB | Samsung 830 128GB | Dell u2711 (27", IPS,1440p), 2343BW

vrijdag 28 september 2018 10:06

Acties:

0Henk 'm!

emnich

kom je hier vaker?

Je kan ook via js een script laden, bijv zoiets:

JavaScript:

var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://domein.nl/script.js';
var x = document.getElementsByTagName('head')[0];
x.appendChild(s);

vrijdag 28 september 2018 10:07

Acties:

0Henk 'm!

Tijs Beek

Topicstarter

RM-rf schreef op vrijdag 28 september 2018 @ 10:01:

dit is overigens de allereerste basis van javascript, als je dit niet begrijp zou ik je aanraden wat tutorials in 'javascript for beginners' te volgen.

Ik ben ook aan het zoeken, Maar ik vindt geen fijne curus.

Maar ik heb gedaan wat je zei

bij het javascript:

function klikMe() {
alert('En dit een javascript functie. ');
}

en bij HTML

<!doctype html>

<button type="button" onclick="klikMe();">Dit is een knop</button>

<link src="javaoefening.js">

Maar er gebeurt niks als ik klik.
Doe ik iets verkeerd?

vrijdag 28 september 2018 10:07

Acties:

0Henk 'm!

Tijs Beek

Topicstarter

martijnve schreef op vrijdag 28 september 2018 @ 10:02:
Heb je het script ingeladen met <script src="..."></script>?

Nee <link>

Ik zal even <script proberen!

vrijdag 28 september 2018 10:11

Acties:

0Henk 'm!

Tijs Beek

Topicstarter

Jongens.. Dankje voor jullie antwoorden!

Ik had <link> maar het moest <script>

Soms ben ik een beetje dom..

Dankje Martijn en RM!

Ook knetterhard en Emnich dankje voor de reactie!

Fijne dag nog $_/-\o_$