编写一份javascript实训代码
时间: 2023-07-09 07:49:31 浏览: 55
好的,以下是一个简单的 JavaScript 实训代码,它可以实现在网页上点击按钮后弹出一个提示框并显示输入的文本:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 实训</title>
</head>
<body>
<input type="text" id="input-text">
<button onclick="showAlert()">点击我</button>
<script>
function showAlert() {
var inputText = document.getElementById("input-text").value;
alert("你输入的文本是:" + inputText);
}
</script>
</body>
</html>
```
这份代码中包含一个文本输入框和一个按钮,当用户在文本框中输入文本后,点击按钮就会触发 `showAlert()` 函数。在这个函数中,我们首先通过 `document.getElementById("input-text").value` 获取输入框的值,然后使用 `alert()` 函数弹出提示框,显示用户输入的文本。
相关问题
用javascript帮我编写一段游戏代码
很抱歉,作为AI语言模型,我不能直接编写代码。但是,我可以为您提供一些游戏代码的基本结构和示例,帮助您开始编写自己的游戏。
以下是一个简单的 JavaScript 游戏代码示例,它是一个石头、剪刀、布游戏:
```javascript
// 石头剪刀布游戏
// 定义可选项数组
var options = ["rock", "paper", "scissors"];
// 获取玩家选择
var playerChoice = prompt("Choose rock, paper, or scissors:");
// 验证玩家选择是否有效
if (options.indexOf(playerChoice) === -1) {
alert("Invalid choice!");
} else {
// 生成计算机随机选择
var computerChoice = options[Math.floor(Math.random() * options.length)];
// 根据规则判断获胜者
if (playerChoice === computerChoice) {
alert("It's a tie!");
} else if (
(playerChoice === "rock" && computerChoice === "scissors") ||
(playerChoice === "paper" && computerChoice === "rock") ||
(playerChoice === "scissors" && computerChoice === "paper")
) {
alert("You win!");
} else {
alert("Computer wins!");
}
}
```
您可以根据自己的游戏需求修改该示例代码,例如更改可选项数组、修改玩家输入方式、更改判断胜负的规则等等。但是,编写游戏需要更多的代码和逻辑,这只是一个简单的示例。祝您编写成功!
使用javascript编写一个可以输出源代码的代码
以下是使用JavaScript编写的可以输出源代码的代码:
```javascript
var code = document.getElementsByTagName('html')[0].innerHTML;
console.log(code);
```
这段代码会获取整个HTML文档的内容,并将其输出到控制台中。如果想将代码输出到页面中,可以使用以下代码:
```javascript
var code = document.getElementsByTagName('html')[0].innerHTML;
document.write('<pre>' + code + '</pre>');
```
这段代码会在页面上创建一个`<pre>`标签,并将HTML代码作为其内容,从而实现在页面上输出源代码的效果。