All comments

• 

  Ravindra Reddy• 180

  @ravindra135

  Submitted over 1 year 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.

  

  Interactive card details form solution with custom js, css html

  #accessibility

  1

  1

  0

  

  Vaibhav Bhardwaj• 150

  @VaibhavBhardwaj23

  Posted over 1 year 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

  This comment has received 2 repliesShow
• 

  P

  ApplePieGiraffe• 30,545

  @ApplePieGiraffe

  Submitted over 3 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 🎅)! 😁

  

  Todo App With Christmas Theme, Local Storage | Svelte, Sortable.js

  #svelte

  11

  61

  30

  

  Vaibhav Bhardwaj• 150

  @VaibhavBhardwaj23

  Posted almost 2 years ago

  Hey @ApplePieGiraffe, Amazing Design chief, Just one question, is there any way that we can add items to the todo-list?

  1

  This comment has received 2 repliesShow