<b>What will be the output when the code is rendered and a user enters "John" in the input field, then clicks the "Change Name" button?</b>

<span style="font-weight: 400;">&lt;input type="text" [(ngModel)]="name"&gt;</span>

<span style="font-weight: 400;">&lt;button (click)="changeName()"&gt;Change Name&lt;/button&gt;</span>

<span style="font-weight: 400;">&lt;p&gt;{{ name }}&lt;/p&gt; </span>