OPPAASEEN / Back

Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("<span id='puna'>Lisätty teksti </span>").prependTo("p");
  });
});
</script>

CSS-ohje:
#puna {
  color: red;
}


HTML-koodaukset:

<button> Lisää span-elementti p-elementtien eteen </button>

<p>1. p-elementti.</p>
<p>2. p-elementti.</p>