确认提示后输出警报

时间:2016-12-03 04:39:32

标签: javascript

因此,对于类赋值,我需要一个带有两个输入的简单形式。 一个用于名称,一个用于年龄。 输入这两个后,会出现一个提示,询问用户喜欢的颜色。然后将该颜色应用于页面背景,然后弹出一个警告:用户名+"你的颜色应用于bg。你是" + userAge ...

我的问题是,我可以做其中一件事。但不是同时另一个。

那么如何在用户在提示符上单击“确定”后显示警告?



function getNameAge( userName, userAge ) {
  var nameAndAge = userName + " your favorite color was applied to the background. " + "You are " + userAge;
  return nameAndAge;
}

function getColor( favColor ) {
   document.body.style.backgroundColor = favColor;
   alert(nameAndAge)
}

//Need to put these two in one click of a button
document.getElementById( "submit" ).onclick = function(){
  getColor( prompt("Please enter your favorite color." ));
}

document.getElementById( "submit" ).onclick = function(){
  alert( getNameAge( 
    document.getElementById( "name" ).value,
    document.getElementById( "age" ).value 
  ));
}

<form name="frmArea">
Please enter your Name and Age:<br>
Name: <input type="text" name="txtName" id="name"><br>
Age: <input type="text" name="txtAge" id="age"><br>
<input type="button" value="Submit" id="submit">
</form>
<script src="../Homework 18/favColor.js"></script>
</body>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

等我知道了,我有两个小时的脑屁

document.getElementById( "submit" ).onclick = function(){
  getColor( prompt("Please enter your favorite color." ));
  alert( getNameAge( 
    document.getElementById( "name" ).value,
    document.getElementById( "age" ).value 
  ));
}