@ravindra135Submitted about 2 years ago
Please Suggest me on how to do real time updating, the card number also the input outline is not changing to gradient. Feel Free to give me suggestion on improvement in code.
Vaibhav Bhardwaj
@VaibhavBhardwaj23All comments
- @VaibhavBhardwaj23Posted about 2 years ago
For doing real time Updating you have to target the form input field and the text in card, use the event of "onkeyup",and set the input box value to the text in form value. For example: <input type="text" id="card-number" onkeyup="display1()"> // This is for your Input Section <span id="num">0000 0000 0000 0000</span> // This for your card //Now in JS define the function display1() function display1() { var cnum=document.getElementById.("card-number").value; //This will take the value from input box document.getElementById.("num").innerHTML=cnum; //This will change the value in real-time } //
1 - @ApplePieGiraffeSubmitted almost 4 years ago
Hey, everybody! 👋
This was an awesome challenge that I enjoyed and in which I learned a lot! I used Svelte.js for the first time and it was pretty amazing. Svelte's features made it a lot easier to create a todo app like this and it was a lot of fun to learn! 👍
I added some transitions to make the actions smoother and a Christmas theme 🎄 (because it's drawing near to that special time of year) and used local storage to store the state of the to-do list and the most recently used theme. 😊
There are a few quirks that I'm aware of—the order of the items in the to-do list isn't saved in local storage if they are changed via drag-and-drop and there is no transition for the "Clear Completed" action because of the way I passed data around in my Svelte files. I almost wish I could redo this challenge and do a few things differently (such as make my code less ugly), but... IDK. 😅
Feedback is welcome and appreciated (I really hope everything works okay)! 😀
Happy coding (and happy holidays, too 🎅)! 😁
@VaibhavBhardwaj23Posted over 2 years agoHey @ApplePieGiraffe, Amazing Design chief, Just one question, is there any way that we can add items to the todo-list?
1
