java 弹出第一个输入框:请输入第一个值弹出第二个输入框:请输入第二个值 两个值相加或相减。得出的结果写入浏览器页面

在JavaScript中，你可以使用`prompt()`函数来创建弹出框获取用户输入。这里是一个简单的示例，展示如何实现这个功能：

// 获取第一个值
var value1 = prompt("请输入第一个值");

// 检查用户是否输入了内容
if (value1 !== null) {
  // 获取第二个值
  var value2 = prompt("请输入第二个值");
  
  // 再次检查用户是否输入了内容
  if (value2 !== null) {
    // 将两个值转换成数字进行运算，这里假设是相加
    var result = Number(value1) + Number(value2);
    
    // 将结果写入HTML元素（例如id为"result"的span）
    document.getElementById("result").innerText = "结果是: " + result;
  } else {
    alert("请输入第二个值！");
  }
} else {
  alert("请输入第一个值！");
}

在这个示例中，你需要在HTML中有一个合适的元素用于显示结果，如 `<span id="result"></span>`。

相关问题

使用android studio设计一个登陆界面，有“登录”及“重置”两个按钮,两个按钮都是圆角，功能： 登录：进行登录校验，如果用户名=“login”密码=“123456”则登录成功，跳转到第二个页面；如果用户名和密码不正确，弹出一个Dialog,提示内容为“用户名和密码错误” 重置：如果用户名不等于“login”,密码不等于”123456”,则清空两个文本输入框

好的，下面是设计一个简单的登陆界面的步骤：

1. 打开 Android Studio，创建一个新的项目

2. 在 activity_main.xml 文件中添加两个 EditText 控件用于输入用户名和密码，以及两个 Button 控件，命名为 loginButton 和 resetButton，并设置圆角背景

<EditText
    android:id="@+id/usernameEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Username"
    android:inputType="text"
    android:padding="16dp"
    android:textSize="16sp" />

<EditText
    android:id="@+id/passwordEditText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Password"
    android:inputType="textPassword"
    android:padding="16dp"
    android:textSize="16sp" />

<Button
    android:id="@+id/loginButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:background="@drawable/rounded_button"
    android:text="Login"
    android:textColor="#FFFFFF"
    android:textSize="18sp" />

<Button
    android:id="@+id/resetButton"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="16dp"
    android:background="@drawable/rounded_button"
    android:text="Reset"
    android:textColor="#FFFFFF"
    android:textSize="18sp" />

3. 创建一个新的 Activity，命名为 SecondActivity，用于跳转到第二个页面

4. 在 MainActivity.java 文件中，定义变量和初始化组件，并为 loginButton 和 resetButton 添加点击事件处理逻辑

public class MainActivity extends AppCompatActivity {

    private EditText usernameEditText, passwordEditText;
    private Button loginButton, resetButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 初始化组件
        usernameEditText = findViewById(R.id.usernameEditText);
        passwordEditText = findViewById(R.id.passwordEditText);
        loginButton = findViewById(R.id.loginButton);
        resetButton = findViewById(R.id.resetButton);

        // 为 loginButton 添加点击事件处理逻辑
        loginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String username = usernameEditText.getText().toString();
                String password = passwordEditText.getText().toString();
                if (username.equals("login") && password.equals("123456")) {
                    // 登录成功，跳转到第二个页面
                    Intent intent = new Intent(MainActivity.this, SecondActivity.class);
                    startActivity(intent);
                } else {
                    // 用户名和密码错误，弹出提示框
                    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
                    builder.setMessage("Username and password incorrect.")
                            .setPositiveButton("OK", null)
                            .show();
                }
            }
        });

        // 为 resetButton 添加点击事件处理逻辑
        resetButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String username = usernameEditText.getText().toString();
                String password = passwordEditText.getText().toString();
                if (!username.equals("login") || !password.equals("123456")) {
                    // 清空用户名和密码输入框
                    usernameEditText.setText("");
                    passwordEditText.setText("");
                }
            }
        });
    }
}

5. 在 drawable 文件夹中创建一个名为 rounded_button.xml 的文件，用于设置 Button 控件的圆角背景

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="16dp" />
    <solid android:color="#2196F3" />
</shape>

6. 运行程序，测试登陆界面的功能

以上就是使用 Android Studio 设计一个简单的登陆界面的步骤。

android studio 1.登录界面： 设计如图所示登录界面，有“登录”及“重置”两个按钮,两个按钮都是圆角。功能： 登录：进行登录校验，如果用户名=“login”密码=“123456”则登录成功，跳转到第二个页面；如果用户名和密码不正确，弹出一个Dialog,提示内容为“用户名和密码错误” 重置：如果用户名不等于“login”,密码不等于”123456”,则清空两个文本输入框

好的，你需要在Android Studio中创建一个新项目，然后创建一个新的Activity用于显示登录界面。首先，在res/layout文件夹中创建一个名为"activity_login.xml"的XML布局文件，用于定义登录界面的UI元素，代码如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"
              android:padding="16dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="登录"
        android:textSize="24sp"
        android:textStyle="bold"
        android:layout_gravity="center"/>

    <EditText
        android:id="@+id/userNameEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名"
        android:inputType="text"
        android:layout_marginTop="32dp"/>

    <EditText
        android:id="@+id/passwordEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword"
        android:layout_marginTop="16dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="32dp">

        <Button
            android:id="@+id/loginButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="登录"
            android:layout_weight="1"
            android:layout_marginRight="8dp"/>

        <Button
            android:id="@+id/resetButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="重置"
            android:layout_weight="1"/>

    </LinearLayout>

</LinearLayout>

在此布局中，我们使用LinearLayout来垂直排列UI元素。我们添加了一个TextView来显示标题“登录”，两个EditText分别用于输入用户名和密码，两个Button分别用于登录和重置操作。

接下来，在activity_login.xml布局中添加以下代码：

android:background="@android:color/white"

这将设置登录界面的背景颜色为白色。

接下来，在res/values/strings.xml文件中添加以下字符串资源：

<string name="login_success_message">登录成功</string>
<string name="login_failure_message">用户名和密码错误</string>

这些字符串将用于在登录成功或失败时显示消息。

现在，我们需要在LoginActivity.java文件中编写Java代码来处理登录和重置操作。首先，我们需要在onCreate()方法中查找UI元素并为按钮设置事件监听器，如下所示：

public class LoginActivity extends AppCompatActivity {

    private EditText userNameEditText;
    private EditText passwordEditText;
    private Button loginButton;
    private Button resetButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        userNameEditText = findViewById(R.id.userNameEditText);
        passwordEditText = findViewById(R.id.passwordEditText);
        loginButton = findViewById(R.id.loginButton);
        resetButton = findViewById(R.id.resetButton);

        loginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                login();
            }
        });

        resetButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                reset();
            }
        });
    }

    private void login() {
        String userName = userNameEditText.getText().toString();
        String password = passwordEditText.getText().toString();

        if (userName.equals("login") && password.equals("123456")) {
            Toast.makeText(this, R.string.login_success_message, Toast.LENGTH_SHORT).show();
            // TODO: 跳转到第二个页面
        } else {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setTitle(R.string.login_failure_message)
                    .setMessage(R.string.login_failure_message)
                    .setPositiveButton(android.R.string.ok, null);
            builder.create().show();
        }
    }

    private void reset() {
        if (!userNameEditText.getText().toString().equals("login")
                && !passwordEditText.getText().toString().equals("123456")) {
            userNameEditText.setText("");
            passwordEditText.setText("");
        }
    }

}

在此代码中，我们首先在onCreate()方法中查找UI元素，然后为两个按钮设置事件监听器。我们为loginButton设置了一个onClick()方法，该方法调用login()方法来处理登录操作。在login()方法中，我们首先获取用户名和密码，然后检查它们是否正确。如果是，我们使用Toast显示登录成功消息，并且可以在此处添加代码来跳转到第二个页面。否则，我们使用AlertDialog显示登录失败消息。

我们也为resetButton设置了一个onClick()方法，该方法调用reset()方法来处理重置操作。在reset()方法中，我们检查用户名和密码是否不等于“login”和“123456”，如果是，则清空输入框。

现在，我们已经完成了登录界面的设计和实现。