JSFiddle - React, Tailwind, and code Playground

by Yuriy Bablyukh

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.html('<p>1 - element</p><p>2 - element</p><p>3 - element</p><p>4 - element</p><p>5 - element</p>');
$content.append('<button id="show">Show</button>');
$content.append('<button id="hide">hide</button>');
// При натисненні кнопки "Показати" виведіть вміст елемента з класом content у консоль.
var $show= $("#show"),
    $hide=$("#hide");
$show.on("click", function(){
    console.log($content);
});
// При натисненні кнопки "Видалити" видаліть вміст елемента.
$hide.on("click", function(){
    console.log($content.html(""));
});