javascript - 在 HTML 中单击元素时尝试运行函数

Question

我在下面附上了我的 HTML 代码 - 我的目标是让 myfunction() 在单击元素时运行。目前，我设置了 onclick 事件，但是当我单击元素时该功能未运行。

<style>
.tag14 span {
    padding: 6px 10px;
    background: #D0E8E4;
    border-radius: 20px;
    color: #091747;
    font-family: Roboto;
    font-size: 14px;
    margin: 0 4px 8px 0;
    font-weight: 500;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
}

.tag14 span:hover{
background:red;
}

.tag14 span:focus{
background:green;
}
</style>

<script>
function myFunction() {
alert('hi');
}
</script>

<div class="tag14" onclick="myfunction();"><span>Hello World</div>```

标签： javascripthtmlcss

Answer 1

我的功能！=我的功能

区分大小写。