JavaScript ~ HTMLJana

JavaScript это язык, который позволяет Вам применять сложные вещи на web странице — каждый раз, когда на web странице происходит что-то большее, чем просто её статичное отображение — отображение периодически обновляемого контента, или интерактивных карт, или анимация 2D/3D графики, или прокрутка видео в проигрывателе, и т.д. — можете быть уверены, что скорее всего, не обошлось без JavaScript.

Мой первый JavaScript

Как создать такую кнопку

<!DOCTYPE html>
<html>
<body>

<h2>Мой первый JavaScript</h2>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>

</body>
</html>

Изменение текста?

Нажав на кнопку, текст меняется

Как создать такую кнопку

<!DOCTYPE html>
<html>
<body>

<h2>Изменение текста</h2>

<p id="alpha">Нажав на кнопку, текст меняется</p>

<button type="button" onclick="document.getElementById('alpha').innerHTML = 'Hello JavaScript!'">Click Me!</button>

</body>
</html>

Кнопка "приглашения"

как создать такую кнопку

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Пожалуйста, введите ваше имя","Человек");
if (name!=null && name!="")
  {
  document.write("Привет " + name + "! Как дела сегодня?");
  }
}
</script>
</head>
<body>

<input type="button" onclick="show_prompt()" value="Показать окно приглашения" />

</body>
</html>

Кнопка-таймер

как создать такую кнопку

<html>
<head>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout("alertMsg()",3000);
}
function alertMsg()
{
alert("Привет");
}
</script>
</head>

<body>
<form>
<input type="button" value="Показать сигнальное окно через 3 секунды" onClick="timeMsg()" />
</form>
</body>

</html>

Поисковик
Создаём!


<script&ht;
// Wait for DOM to load
document.addEventListener("DOMContentLoaded", function(event) {

  // Put the button into a variable
  var e = document.getElementById("go");
  
  // Wait for user to click the button
  e.addEventListener("click", function() {
    
    // Get the URL from the user input
    var url = document.getElementById("url").value;
    
    // Do the popup window
    window.open(url,"popUpWindow","height=500, width=400, left=100, top=100, resizable=yes, scrollbars=yes, toolbar=yes, menubar=no, location=no, directories=no, status=yes");
    
  }, false);
  
});
</script>

<!-- Replace '{action page}' with your own action page to support non-JavaScript users -->
<form name="popupForm" action="{action page}">
  <input name="url"  id="url" value="https://html71vsk.blogspot.com/p/javascript.html">
  <input name="go" id="go" type="button" value="Go">
</form>