HTML

Button Tag'i
onClick Attribute
Elimizde şöyle bir kod olsun.

function Steps() {
...
}

Şöyle yaparız.

<button onclick="Steps()">Start </button>

type Attribute
Default type = submit'tir. Submit işlemi sonucunda sayfa yeniden yüklenir.
Örnek
Şöyle de tanımlanabilir.

<button type="button" onclick="sendData()">Create Class</button>

Örnek
Şöyle yaparız.

<form id='emailform'>
  <input type="text" name="email" placeholder="Your Email" id="userInput"><br>
  <button type="button" name="submit" id="addButton">Add User</button>
</form>  

Tıklama event'ini de şöyle yaparız.

$('#addButton').on('click', function() {
  var email = $('#userInput').val();
  $.ajax({
    type: "post",
    url: 'validation.php',
    data: $('#emailform').serialize(),
    dataType: "html",
    success: function(html) {
      alert(html); 
    }
  });
});

Details Tag'i
Şöyle yaparız.

<details>
  <summary>more <!-- a bad summary --></summary>
  <p>Some content</p>
</details>

Div Tag'i
id Attribute
Şöyle yaparız.

<div id="stepslog"></div>

innerHTML Attribute
Şöyle yaparız.

function StepONE() {
  document.getElementById('stepslog').innerHTML += '<hr>Step ONE';
 
}

Label Tag'i
Şöyle yaparız.

<label class="control-label required"  for="name">Name</label>

Paragraph Tag'i
innerText Attribute
Örnek
Elimizde şöyle bir kod olsun

<p id="cost">Cost</p>

Şöyle yaparız.

document.getElementById("cost").innerText= "Subtotal $" + subTotal;