Interactive card details form solution with custom js, css html

Community feedback

• 

  Vaibhav Bhardwaj•150

  @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

  ---

  

  Ravindra Reddy•180

  @ravindra135Posted about 2 years ago

  @VaibhavBhardwaj23 Hey mate, Thank you its worked

  1

  

  Vaibhav Bhardwaj•150

  @VaibhavBhardwaj23Posted about 2 years ago

  @ravindra135 Glad to help : )

  0