JSFiddle - React, Tailwind, and code Playground

HTML

<a href='#' onclick='ListAll()'>List Attributes!</a>
<br>
<br>
<div id="sample" title="sample title attribute" myattr="myattrval"></div>

<div id="log" style='border:1px solid black; width: 300px;'>Empty</div>

JavaScript

//function ListAll() {
    var result = "";
    result += 'id=' + $('#sample').attr('id') + '<br />';
    result += 'title=' + $('#sample').attr('title') + '<br />';
    result += 'myattr=' + $('#sample').attr('myattr') + '<br />';
    $("#log").html( result );
//}