No Description Available
1
This is simple javascript Todos App made for fun and beginner of javascript.
This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
onex
Tesseract js demo scan text over the image by just doing small amounts of code.
Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.
Health calculator is a collection of BMR calculator,Body Shape Calculator,Body Fat percentage calculator and Ideal weight calculator.
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.
These kinds of input fields is mostly used in Creating and Removing Input field dynamically.
Add and remove input feilds dynamically using javascript.
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>