Witam,
Na wstępie proszę o wybaczenie, jeżeli taki temat już się przewijał, ale potrzebuję pomocy na cito! Po rozwiazaniu problemu, temat będzie można usunąć, wywalić do kosza itd.

Uczę się zaocznie (firma wymaga), byłem na kwarantannie, rodzina też, na dodatek nie działał internet i nie miałem okazji być na lekcjach online nt. modyfikacji dynamicznej HTML i dostałem zadanie, które musi być wykonane na piątek (tj. 15 maj), a z informatyki jestem zielony. Na zarządzaniu produkcją dali nam rozszerzone zajęcia z HTMLem.
Proszę o pomoc, bo poddaję się.

Jest plik HTML, w pliku są przyciski i skrypty.
Moim zadaniem jest stworzenie formularza i przycisku (Button) do modyfikacji kodu HTML i odświeżenie, aby wprowadzone dane zadziałały.

Kod przycisków:

<button id="przycisk1" onclick="przyc1()" type="button">Zielonyy</button>
<button id="przycisk2" onclick="przyc2()" type="button">Czerwony</button>
<button id="przycisk3" onclick="przyc3()" type="button">Czarny</button>

Skrypt (w sekcji <script>) wykonujący polecenie HTTP do urządzenia zewnętrznego (bez przechodzenia na podstronę):

function przyc1(){
    $.get( "http://192.168.43.74/OTWORZ", function( data ) {
  $( "" ).html( data );
  alert( "Zaladowane" );
});
    }
    
    function przyc2(){
    $.get( "http://192.168.43.74/ZAMKNIJ", function( data ) {
  $( "" ).html( data );
  alert( "Zaladowane" );
});
    }
    
    function przyc3(){
    $.get( "http://192.168.43.74/ZABLOKUJ", function( data ) {
  $( "" ).html( data );
  alert( "Zaladowane" );
});

Wykładowca dał mi zadanie, abym stworzył formularz, przycisk do modyfikacji numeru IP. Ma wyglądać tak:

  1. Wpisujemy w formularz poprawny numer IP
  2. Klikamy w button "Zapisz"
  3. Skrypt ma podmienić na stronie index.html numer IP ze skryptu jQuery i odświeżył stronę WWW w celu odtworzenia zmian.

Sekcja HTML "OTWORZ", "ZAMKNIJ" i "ZABLOKUJ" ma być w nienaruszonym stanie. Są to strony HTML na innym urządzeniu do sterowania silniczkami w celu weryfikacji i oceny.

Kod jQuery sam wpisywałem, znalezione na w3schools - działa, wykładowca sprawdził.

Bardzo proszę o pomoc. Jestem bezradny, coś znalazłem na w3schools "createTextNode ()", ale nie mam pojęcia jak zastosować.