JQ要求页面中有一个按钮, 前3次点击会输出信息, 第四次点击,该按钮消失,同时出现一个输入框

要求页面中有一个按钮,
前3次点击会输出信息,
第四次点击,该按钮消失,同时出现一个输入框

记录点击次数，然后到达第四次隐藏按钮，显示输入框

题主要的代码如下

<input type="button" id="btn" value="点我" />
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    var count = 1;
    $('#btn').click(function () {
        if (count < 4) {
            $('body').append(count);//输出信息不知道题主什么效果，自己改这里，现在是直接添加点击次数
            count++;
        }
        else $(this).replaceWith('<input type="text"/>')
    })
</script>

有帮助麻烦点下【采纳该答案】，谢谢~~有其他问题可以继续交流~

定义一个变量a=0,点击一个a++,再判断a

在button的方法外边定义一个变量index = 0 方法里判断 if(index == 3) input 就 display: block; else index++

记录次数 就好了，然后判断