Js wywoływanie funkcji

Question

Cześć.

Mam pytanie czy jest możliwe i za razem poprawne wywołanie dwóch takich samych funkcji przez zdarzenie np:

<input type="button " onClick="test()  "/>

I teraz w pliki utils.js mam ta funkcje test(), która cos sprawdza

A w pliku node_module mam funkcje test(), która wykonuje logikę,

Comments

A w pliku node_module mam funkcje

W pliku node_module.js, który podpinasz do HTMLa, czy w pliku znajdującym się w folderze node_modules (z "s" na końcu), z którego korzysta Node?

---

Chodzi mi o to ,że np. mam 

<input typye="button" onClick="StartOnClick()" />

I teraz to wydarzenie z buttona jest podpięte do biblioteki , która jest w folderze node.modules.

I to dam się wykonuje.I teraz stworzyłem nowy jakiś tam swój plik utils.js w , którym jest ta sama nazwa funkcji StartOnClick().I chodzi o to ,że po wykonaniu zdarzenia kliknięcia wykonuje się tylko to co jest w bibliotece a to co jest w utils.js nic nie robi.I czy można to jakoś połączyć czy np: dodać add.eventLisner ? 

---

Bo zauważyłem ,że jak np: 

	
<input typye="button" onClick="StartOnClick()" />

jest już podpięty pod jakąś funkcje i chcę jeszcze dodać do innego atrybutu add.eventLisner to już nie działa.

<script>
        let allInput = document.getElementById("yadcf-filter--dt-0");
        allInput.addEventListener("onchange",function () {
            alert("działa !!!");
        })
    </script>

 

---

to wydarzenie z buttona jest podpięte do biblioteki , która jest w folderze node.modules

W jaki sposób podpinasz tą bibliotekę? Folder node_modules przechowuje paczki, z których korzysta Node - do tego przeglądarka nie ma bezpośrednio dostępu. Czy możesz pokazać strukturę projektu?

stworzyłem nowy jakiś tam swój plik utils.js w , którym jest ta sama nazwa funkcji StartOnClick()

A w jaki sposób przekazujesz funkcję z pliku utils.js? Pokaż cały kod.

jest już podpięty pod jakąś funkcje i chcę jeszcze dodać do innego atrybutu add.eventLisner to już nie działa.

1 2 3 4 5 6

<script>         let allInput = document.getElementById("yadcf-filter--dt-0");         allInput.addEventListener("onchange",function () {             alert("działa !!!");         })     </script>

Czy jesteś pewien, że zmienna allInput zawiera element z DOM, a nie null - czy w konsoli są jakieś błędy? Metoda addEventListener jako pierwszy parametr przyjmuje typ zdarzenia. Natomiast nazwy "onchange", "onclick" itp. odnoszą się do globalnych handlerów dostępnych per DOM element, do których przypisujesz swoją funkcję, np. allInput.onchange.

Answer 1

W funkcjach właśnie oto chodzi, aby wywoływać ten sam kod w różnych miejscach. Możesz go manipulować przez dodawanie argumentów do funkcji. Nie wiem czy dobrze zrozumiałem Twoje pytanie, ale jeśli funkcja ma różny kod to powinna mieć inną nazwę.

Comments

Chodzi mi o to ,że jak mam 

<input typye="button" onClick="StartOnClick()" />

I teraz jak ten input jest już podpięta pod funkcję StartOnClick() , która mieści się w bibliotece node_modules. I chcę coś własnego jeszcze dopisać , ale nie do biblioteki więc chcę dodać add.eventLisner ,ale on nie działa jak jest już ta funkcja chyba ,że robię coś źle     

 <script>
        let allInput = document.getElementById("test");
        allInput.addEventListener("onchange",function () {
            alert("żyje !!!");
        })
    </script>

 

---

Dodaj wewnątrz listenera wywoływanie funkcji StartOnClick(), czyli:

let allInput = document.getElementById("test");
allInput.addEventListener("onchange",function () {
       alert("żyje !!!");
       StartOnClick();
 })