How to change the max value for input type number on HTML5 with Javascript?

Question

I need change the max attribute of an input element with JavaScript. For example:

<input type="number" name="miname" min="0" max="MyVar" value="0"/>

Answer 1

You can assign an id to your input :

<input id="myInput" type="number" name="miname" min="0" max="MyVar" value="0"/>

then access it via javascript:

var input = document.getElementById("myInput");
input.setAttribute("max",100); // set a new value;

Note you can also access it directly if your input is in a form

document.formName.miname.setAttribute("max",newValue);

Answer 2

sharing the angular way of doing it. Use [attr.max].

<input matInput type="number" min="0"  [attr.max]="totalOrders"  placeholder="Total Skybridge Orders" formControlName="totalSkybridge" (change)="onTotalSkybridgeOrders($event)"