Napisałem kod na dopisywanie tekstu jak przerobić go by doklejać w wybranym miejscu.Drugi kod czyści pole ale nie działa

pytanie zadane 5 maja 2022 w JavaScript przez Streser_TV Nowicjusz (130 p.)
edycja 5 maja 2022 przez Streser_TV

function add2(kod)
{
    var pole = document.getElementById('kod2');
    pole.innerHTML += kod;
}

function clear(kod)
{
    var pole = document.getElementById('kod2');
    pole.value = '';
}

Kod do czyszczenia pola :

function clear(kod)

{

    var pole = document.getElementById('kod2');

    pole.value = '';

}

Część kodu html :

Guzik do czyszczenia :

      <button style="width: auto;" onclick="clear(kod)">Wyczyść pole</button>

Textarea do których są przypisane przyciski 

    <textarea name="kod" id="kod" cols="40" rows="40"; style="clear: both;"></textarea>
    <textarea name="kod2" id="kod2" cols="40" rows="40"></textarea>

komentarz 5 maja 2022 przez Comandeer Guru (607,060 p.)

Zgodnie z regulaminem forum, tytuł pytania i jego treść to dwie różne rzeczy. `Fajnie byłoby, jakbyś to poprawił.

komentarz 5 maja 2022 przez Streser_TV Nowicjusz (130 p.)

Dlaczego się nie zgadza ? Pytanie jest o pomoc z napisaniem kodu a druga część jest do drugiego kodu oba kody zostały zawarte a osoby prosiły o kod html który został dodany.

3 odpowiedzi

odpowiedź 5 maja 2022 przez Comandeer Guru (607,060 p.)

Jeśli to jest przypięte do elementu textarea, to można wykorzystać API do wstawiania tekstu w wybrane miejsce (albo w miejsce aktualnej selekcji).

Drugi kod powinien działać, ale bez kodu HTML trudno coś powiedzieć.

komentarz 5 maja 2022 przez Streser_TV Nowicjusz (130 p.)

myślałem właśnie nad aktualnym miejscem wybranym poprzez naciśnięcie np. :
<html>
-tu klikamy
</html>
i po kliknięciu buttona z funkcją właśnie w to miejsce wklei

odpowiedź 5 maja 2022 przez ScriptyChris Mędrzec (190,190 p.)

odpowiedź 6 maja 2022 przez VBService Ekspert (256,600 p.)
edycja 6 maja 2022 przez VBService

Problem najwyraźniej jest z:

clear() function not working with onClick, only through console

<style>
  button {
    display: block;
    width: 15.5em;
    margin: 0.75em 0;
  }
</style>

<button id='button1' onclick="clear()">onclick inline: clear()</button>
<button id='button2'>onclick js code: clear()</button>
<button id='button3'>addEvent js code: clear()</button>
<button id='button4' onclick="clearText()">onclick inline: clearText()</button>

<textarea name="kod" id="kod" cols="10" rows="10"></textarea>
<textarea name="kod2" id="kod2" cols="10" rows="10">Lorem ipsum</textarea>

<script>
  document.querySelector('#button2').onclick = clear;
  document.querySelector('#button3').addEventListener('click', clear);

  function clear()
  {
    var pole = document.getElementById('kod2');
    pole.value = '';

    setTimeout(function() { pole.value = 'Lorem ipsum' }, 1000);
  }

  function clearText()
  {
    var pole = document.getElementById('kod2');
    pole.value = '';

    setTimeout(function() { pole.value = 'Lorem ipsum' }, 1000);
  }
</script>