Как мне пересмотреть этот HTML-документ, чтобы использовать модель событий DOM 2 - PullRequest
0 голосов
/ 05 октября 2018

Я в замешательстве, мне удалось успешно заполнить документ с использованием модели DOM 0 Evemt.Я просто не уверен, как его пересмотреть, чтобы он соответствовал стандартам модели DOM 2 Event.Я попросил разных репетиторов из Чегга, и они тоже не могут этого понять.Конечно, кто-то здесь может помочь мне!похоже.Я думаю, что это выглядит очень похоже на DOM 0, но это все еще не имеет смысла для меня.Мне просто нужно, чтобы кто-то посмотрел на мой документ и действительно провел меня через него и указал на вещи.Например, «вот как вы делаете то, что вы получили здесь, в модели событий DOM2».

Спасибо, Дрейк!

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="dcterms.created" content="Tue, 02 Oct 2018 05:15:54 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Assignment1 M5A1</title>
  </head>
  <body>
<h4>Pick your favorite color!</h4>
<form id="myform" action="">
<p>
<label>
<input type="radio" name= "ColorButton" value="1" onclick = "Colorchoice(1)"/>
Red

</label>
<br />


<label>
<input type="radio" name= "ColorButton" value="2" onclick = "Colorchoice(2)"/>
Blue

</label>
<br />



<label>
<input type="radio" name= "ColorButton" value="3" onclick = "Colorchoice(3)"/>
Green

</label>
<br />


<label>
<input type="radio" name= "ColorButton" value="4" onclick = "Colorchoice(4)"/>
Yellow

</label>
<br />



<label>
<input type="radio" name= "ColorButton" value="5" onclick = "Colorchoice(5)"/>
Orange

</label>
<br />

</p>


</form>

<script>
function Colorchoice(Color) {

switch(Color){
case 1:
alert("Your favorite color is Red");
break;


case 2:
alert("Your favorite color is Blue");
break;



case 3:
alert("Your favorite color is Green");
break;




case 4:
alert("Your favorite color is Yellow");
break;



case 5:
alert("Your favorite color is Orange");
break;

default:
alert("Error in JavaScript function Colorchoice");
break;
}
}

</script>

  </body>
</html>

1 Ответ

0 голосов
/ 05 октября 2018

Похоже, это работает ... https://jsfiddle.net/audshwr0/

<h4>Pick your favorite color!</h4>
<form id="myform" action="">
<p>
<label>
<input type="radio" name= "ColorButton" value="1" onclick = "Colorchoice(event)"/>
Red

</label>
<br />


<label>
<input type="radio" name= "ColorButton" value="2" onclick = "Colorchoice(event)"/>
Blue

</label>
<br />



<label>
<input type="radio" name= "ColorButton" value="3" onclick = "Colorchoice(event)"/>
Green

</label>

<script>
function Colorchoice(event) {
console.log(event.target.value);
}
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...