No Description Available
1
This is simple javascript Todos App made for fun and beginner of javascript.
These kinds of input fields is mostly used in Creating and Removing Input field dynamically.
Calculate your Basal Metabolic Rate (BMR) with this calculator tool. Your BMR is the amount of energy you expend each day when at rest. This calculator also works out your daily calorie requirements.
Tesseract js demo scan text over the image by just doing small amounts of code.
This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
let facts = []; let ref = Date.now(); $(document).ready(function(){ $('#factAcceptor').keyup(function(e){ if(e.keyCode === 13){ facts.push($(this).val()); $(this).val(''); console.log(typeof $(this).attr('data-id') == 'undefined'); if(typeof $(this).attr('data-id') == 'undefined'){ // ref = Date.now(); $(this).attr('data-id',ref); }else{ ref = $(this).attr('data-id'); console.log(ref); // return ref; } populateFacts(facts); } }) }) function populateFacts(array){ if($('#factPopulator'+ref).length == 0){ $('input[data-id='+ref+']').after('<h4 class="mt-2">Lists of Todos:</h4><ul class="list-group mt-4" id="factPopulator'+ref+'"></ul>'); } let struct = ''; console.log(array); if(array.length == 0){ struct = '<div class="alert alert-danger">No Todos Present</div>'; }else{ $.each(array,(e,i)=>{ struct += `<li class="list-group-item"><b>${e+1}</b>. ${i} <span class="float-right badge badge-danger removeFact" data-target="${e}">×</span></li>`; }) } $('#factPopulator'+ref).html(struct); $('.removeFact').click(function(){ facts.splice($(this).attr('data-target'),1); populateFacts(facts); }) }
<div class="sbox"> <div class="form-group"> <label>Enter Todo</label> <input type="text" class="form-control" placeholder="Enter your Todo and Hit Enter" id="factAcceptor"> </div> </div>