首页 > 解决方案 > 按钮、提示和警报

问题描述

我的 html 中有一个按钮元素,如下所示:

<button id = "buttonOne" type = "button" onclick = "buttonOne()">
Click Me!
</button>

我的 js 文件中有一个函数,如下所示:

function buttonOne() {

    var input = prompt("Please enter your first name followed by a comma and then 
    your age (ex. Mikey, 12):");

    var name = input.substring(0, indexOf(","));

    alert(name);
}

我要做的只是提醒从提示中检索到的名称。但是,我的按钮似乎不再激活提示。

标签: javascriptsubstringalertprompt

解决方案


function buttonOne() {
  var input = prompt("Please enter your first name followed by a comma and then your age (ex. Mikey, 12):");
  var name = input.substring(0, input.indexOf(","));
  if(name){
    alert(name);
  }else{
    alert('Uh huh.. please enter in correct format');
  }
}
<button id="buttonOne" type="button"onclick="buttonOne()">
  Click Me!
</button>

您需要使用以下内容来获取名称。

var name = input.substring(0, input.indexOf(","));

推荐阅读