JSFiddle - React, Tailwind, and code Playground

by vysohanych

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 нових елементів і кнопки "Показати" та "Видалити".
// При натисненні кнопки "Показати" виведіть вміст елемента з класом content у консоль.
// При натисненні кнопки "Видалити" видаліть вміст елемента.

var $content= $(".content");

$content.append('<li>One</li><li>Two</li><li>Three</li><li>Four</li><li>Fife</li>');

$content.append('<button id="display">Показати</button>');

$content.append('<button id="delete">Видалити</button>');

var $display = $("#display");

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

$display.on("click", function(){
    console.log($content);
});

$delete.on("click", function(){
    $content.html("");
});