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(){
    $("p").wrap("<div></div>");
  });
});
</script>

CSS-ohjeet:
div {
  background-color: CYAN;
  width: 300px;
  border: 1px solid RED;
  padding: 20px;
  margin: 10px;
}

HTML-koodaukset:

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

<button> Lisää p-elementeille boxmodel </button>