JSFiddle - React, Tailwind, and code Playground

by mshufrich

HTML

<!DOCTYPE html>
<html>
    
    <head>   
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    </head>
    
    <body>
        <div class="content"></div>
    </body>

</html>

JavaScript

// Додайте в елемент з класом content, 5 нових елементів і кнопки "Показати" та "Видалити".
var $content= $(".content");
$content.append('<p>first</p><p>second</p><p>Third</p><p>fourth</p><p>fifth</p>');
$content.append('<button id="delete">Видалити</button>');
$content.append('<button id="show">Показати</button>');

var $delete = $("#delete");
var $show = $("#show");

// При натисненні кнопки "Видалити" видаліть вміст елемента.
$delete.on("click", function(){
    $content.html("");
});
// При натисненні кнопки "Показати" виведіть вміст елемента з класом content у консоль.
$show.on("click", function(){
  console.log($content);
 });