how to make 2 pages on javascript codes
To create 2 pages of JavaScript code, you can use a code editor like Visual Studio Code, Atom, or Sublime Text. Here is a step-by-step guide to creating 2 pages of JavaScript code:
Page 1:
1. Open your code editor and create a new file.
2. Save the file with a meaningful name like "page1.html".
3. Inside the file, create a basic HTML structure with a script tag to write your JavaScript code. Your HTML structure should look like this:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page 1</title>
</head>
<body>
<h1>Page 1</h1>
<script>
// Your JavaScript code for page 1 goes here
</script>
</body>
</html>
```
4. Write your JavaScript code inside the `<script>` tag. You can add any JavaScript code you want to execute on page 1.
Page 2:
1. Create another new file in your code editor.
2. Save the file as "page2.html".
3. Create a similar HTML structure as in page 1 with a script tag to write your JavaScript code. Your HTML structure should look like this:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page 2</title>
</head>
<body>
<h1>Page 2</h1>
<script>
// Your JavaScript code for page 2 goes here
</script>
</body>
</html>
```
4. Write your JavaScript code for page 2 inside the `<script>` tag.
That's it! You now have 2 pages of JavaScript code that you can run in a web browser. Just open both HTML files in your browser to see your JavaScript code in action on each page.
make a code for a quiz guess game 1 questions 3 selections
Here is an example of a quiz guess game with 1 question and 3 selections using HTML, CSS, and JavaScript:
HTML (index.html):
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz Guess Game</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>Guess the Correct Answer</h1>
<p id="question">What is the capital of France?</p>
<div class="options">
<button id="option1" onclick="checkAnswer('Paris')">Paris</button>
<button id="option2" onclick="checkAnswer('London')">London</button>
<button id="option3" onclick="checkAnswer('Berlin')">Berlin</button>
</div>
<p id="result"></p>
</div>
<script src="script.js"></script>
</body>
</html>
```
CSS (style.css):
```css
.container {
margin: 50px auto;
text-align: center;
}
.options button {
margin: 10px;
padding: 10px 20px;
background: #f0f0f0;
border: none;
cursor: pointer;
}
#result {
margin-top: 20px;
font-weight: bold;
}
```
JavaScript (script.js):
```javascript
function checkAnswer(guess) {
var correctAnswer = 'Paris';
var result = document.getElementById('result');
if (guess === correctAnswer) {
result.textContent = 'Correct! Paris is the capital of France.';
result.style.color = 'green';
} else {
result.textContent = 'Wrong! The correct answer is Paris.';
result.style.color = 'red';
}
}
```
In this example, we have a simple quiz guess game with a question "What is the capital of France?" and 3 options (Paris, London, Berlin). When the user clicks on an option, it checks if the selected answer matches the correct answer (Paris) and displays a message indicating if the answer is correct or wrong.
You can further enhance this game by adding more questions, increasing the number of options, keeping track of the user's score, and adding a timer for each question.