Здесь более удобный способ написать это с некоторыми незначительными улучшениями.
- Предпочтительно написать javascript в голове.
- путем определения различных элементов onload позже у вас есть более быстрый & легкий доступ к ним.
- также встроенный javascript не предлагается, не записывайте js внутри атрибутов html.
Тогда говорить о своих ошибках:
function
не Function
document.getElementById('radius')
должен быть document.getElementById('radius').value
<html>
<head>
<script>
var radiusBox,sumBox,button;
function my(){
sumBox.innerHTML=radiusBox.value*2
// the use of textContent is more appropiate but works only on newer browsers
}
window.onload=function(){
radiusBox=document.getElementById('radius');
sumBox=document.getElementById('sum');
button=document.getElementById('button');
button.onclick=my
}
</script>
</head>
<body>
<form id="ty">
Give radius:<input type="number" id="radius">
</form>
<p id="sum">Enter a number</p>
<button id="button">Click on me</button>
</body>
</html>
писать это таким образом он совместит с любым браузером, который поддерживает JavaScript, более новый способ будет использовать addEventListener
, чтобы добавить load
и click
обработчик, таким образом, также позволяет добавлять несколько обработчиков событий, но старая т. Е. Не работает. Кроме того, текстКонтент может иметь prblems ...
DEMO
http://jsfiddle.net/frma0zup/
если у вас есть какие-либо вопросы, просто спросите.
Нет, вы этого не сделаете. Вы получаете 'error ReferenceError: my не определен'. – Quentin
синтаксическая ошибка - удалить один вход. –
нет, я получаю «NaN» –