JSFiddle - React, Tailwind, and code Playground

by Joanna Sobańska

HTML

Liczba 1: <input type="text" value="" id=""/> <br>
Liczba 2: <input type="text" value="" id="age"/> 
<div >
        <input type="submit" value="dodaj" id="btn1"/>
        <input type="submit" value="odejmij" id="btn2"/>
        <input type="submit" value="pomnóż" id="btn3"/>
        <input type="submit" value="podziel" id="btn4"/>
</div>    
<ul class="main">
</ul>

CSS

#addUser, #age {
    margin-top:10px;
    padding:5px;
}

JavaScript

function myFunction () {
	var name = $('#addUser').val();
    var age = $('#age').val();
    var id = $('input').first().attr('id');
    var listElement = $('<li>');
    listElement.text(name);
    listElement.data("age", age);
    setColor(listElement);
    listElement.appendTo($('ul'));
}

var button = $('input[type=submit]');
button.on('click', myFunction);