javascript - 不知道如何编写这个 jQuery

Question

这有点难以解释。好的，我有这个文本输入(“textmoney”)，你在其中输入一个数字，它会给出估计一年赚的钱。所以当一个人输入他们的数字并点击输入时，他们可以看到他们的答案。让我们说他们想输入另一个数字，所以他们退格文本输入中的所有数字，直到什么都没有。基本上我想要它，所以当数字不再在文本输入框中时，他们第一个数字的答案就会消失。我对不起，如果你不明白我想说什么，因为我真的不知道如何解释这个。(例如:当你在谷歌中输入一些东西并决定输入其他东西时，你删除了你输入的内容和搜索结果消失。)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>
    $('#textmoney').keydown(function (e){
    if(event.keyCode == 13){
        moneyFunction();
    }})

    $(document).keydown(function (e) {
        if(event.keyCode == 82) {
            reloadFunction();
    }})

    $(document).ready(function() {
        $('#textmoney').keydown(function() {
            $('#redotext').css('visibility', 'visible');
    })})

    $('#textmoney').mouseover(function() {
        $('#textmoney').css('border', '1px solid black');
    $('#textmoney').mouseout(function() {
        $('#textmoney').css('border', '1px solid grey');
    })})
    </script>

    <script>
    function moneyFunction() {
        var money = document.getElementById('textmoney').value;
        var dailyE = money/365;

        document.getElementById('demo').innerHTML = ("$" + dailyE + " " + "per day");


    if ( document.getElementById('textmoney').value == 0) {
        document.getElementById('demo').innerHTML = "You aint enter no chang";
    }
    }   //Function tag

    function reloadFunction() {
        location.reload();
    }
    </script>

Answer 1

以下是我将如何重新排序以满足您的要求并使其更易于阅读。

$(document).ready(function() {

    var $demo = $('#demo');
    var $textMoney = $('#textmoney')
    .keyup(function(e) {
        if (e.keyCode === 13) {
            var money = $(this).val();
            if (isNaN(money) || money === '') {
                $demo.text('You ainy enter no chang');
            } else {
                var dailyE = $(this).val() / 365;
                $demo.text('$' + dailyE + ' per day');
            }
        } else if ($(this).val() === '') {
            $demo.text('');
        }
    }).mouseover(function() {
        $(this).css('border', '1px solid black');
    }).mouseout(function() {
        $(this).css('border', '1px solid grey');
    });

});

JSFiddle:https://jsfiddle.net/ws6cosh4/1/