JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
    <div ng-controller="Controller">
        <input type="text" ng-model="from" placeholder="差出">
        <input type="text" ng-model="to" placeholder="宛先">
        <button ng-click="reset()">消す</button>
        <hr>
        {{from}} から {{to}} へ愛をこめて
    </div>
</div>

JavaScript

function Controller($scope) {
    $scope.from = "僕";
    $scope.to = "君";
    $scope.reset = function () {
        $scope.from = "謎の誰か";
        $scope.to = "あなた様"
    };
}