javascript - 用HTML打印变量的动态值，而无需重新加载页面

我有一个变量，

var default_user = "Guest"

当用户通过输入字段提交其名称时，此变量的值将更改，如下所示：

$( ".inputfield" ).keypress( function( e ) {
    if ( e.keyCode == 13 ) {
        if( $('.inputfield').val() == "" ) {

        } else {

            default_user = $('.inputfield').val();

        }
    }
});

如何在HTML文本元素中（提交新值后）打印此变量的更新值，而不必重新加载页面？

最佳答案

创建一个跨度，并在该跨度中设置更新值。

$( ".inputfield" ).keypress( function( e ) {
    if ( e.keyCode == 13 ) {
        if( $('.inputfield').val() == "" ) {

        } else {

            default_user = $('.inputfield').val();
$("#yourSpan").text(default_user);

        }
    }
}); 

关于javascript - 用HTML打印变量的动态值，而无需重新加载页面，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51671117/