website/index.html at main · onurat/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html>

<head>
  <script src="script.js"></script>
  <link rel="stylesheet" href="styles.css">
  <title>Page Title</title>
</head>

<body>
  <main>
    <header class="c-site-header">

      <nav class="nav" aria-label="Main Site Links.">
        <ul>
          <li> <a href="#"> home</a></li>
          <li> <a href="#aboutme"> About me</a></li>
          <li> <a href="#videotitle"> video</a></li>
          <li> <a href="#contactme"> contact</a></li>
        </ul>
      </nav>
    </header>

    <div class="banner">

    </div>

    <div id="aboutme">

      <h1> About me </h1>
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Code.org_logo.svg/1200px-Code.org_logo.svg.png" alt="image of code">
      <p>I am an ambitious individual, who is highly motivated and works well within a team. I cope well under pressure and do my best in any given task.<br> I am a quick learner and willing to learn new things to further develop myself. </p>
      <p>I like to socialise with my friends and family as well as finding time to read as much as possible. <br> I have a huge interest in politics, history, general technology ; which I regularly study. I also enjoy keeping fit and active by going gym and playing football. </p>
    </div>

    <div class="iframe">
      <h1 id="videotitle"> Introduction to Programming </h1>
      <iframe src="https://www.youtube.com/embed/5HaJPpihkBI" title="Introduction to Coding" allowfullscreen></iframe>
    </div>

    <div class="review">
  <label>Name:</label><br>
  <input id="input_name"></input>
  <br>
  <label>comment:</label><br>
  <textarea type="text" id="input_comment"></textarea>

  <button id="submit">submit</button>
<div id="comment2"></div>
<div id="comment"></div> </div>


    <div id="contactme">
      <h1>Let us get in touch</h1>
      <p> you can reach me by Email : onuratas97@gmail.com </p>

    </div>

    <footer class="c-site-footer">
      <p> Onur Atas<br>
        <a href="mailto:onuratas97@gmail.com"> onuratas97@gmail.com</a>
      </p>
    </footer>

  </main>


</body>


<script>
  function getNumberOrString(value) {
  // Convert a string value to a number if possible
  let number_value = Number(value);
  if (Number.isNaN(number_value)) {
    return value
  } else {
    return number_value
  }
}


document.getElementById('submit').addEventListener('click', (event) => {
  let element_comment = document.getElementById('comment');
  element_comment.innerText = getNumberOrString(document.getElementById('input_comment').value);
  let element_comment2 = document.getElementById('comment2');
  element_comment2.innerText = getNumberOrString(document.getElementById('input_name').value);

});

</script>

</html>