How reset the values in html

Question

when the user made an unnecessary changes and dont want to save it then it should reset the values to previous values when the user clicks on cancel button.Any solutions

<div class="org-event" *ngIf="org.eventsettings">
    <div class="event-title">Title</div>
    <br/>
    <label><input type="number" [(ngModel)]="expires" pattern="^[0-9]{1,3}$"/> An Event Begins at {seconds}</label>
    <label *ngIf = "condition1" ><input type="number" [(ngModel)]="org.value"/> value</label>
    <label *ngIf = "condition2" ><input type="number" min="1" max="3" pattern="[1-3]" [(ngModel)]="org.members"/> Quantity</label>

    <br/>
    <button class="even-success" (click)="save(org._id);"> Save </button>
    <button class="even-success" (click)= "org.eventsettings=''"> Cancel </button>
</div>

Answer 1

When the user clicks the cancel button, call this function:

function clearValues() {
  var inputs = document.getElementsByTagName("input");
  while (i < inputs.length) {
    inputs[i].value = "";
    i++;
  }
}

All in all, it gets all of the inputs on the page and sets their values to a blank string.