Computer Science, asked by santhoshigupta1, 9 months ago

how do you interface dht 11 with nodemcu​

Answers

Answered by Anonymous
28

Answer:

</p><p>&lt;html&gt;</p><p>    &lt;head&gt;</p><p>        &lt;style&gt;</p><p>            /*Created with love*/</p><p>            body {</p><p>    background:black;</p><p>    color:red;</p><p>    text-align:justify ;</p><p>    background-attachment:fixed ;</p><p>}</p><p>.content</p><p>{</p><p>    border-bottom:2px dotted #ff0;</p><p>    border-top:2px dashed  deeppink;</p><p>    text-align:center ;</p><p>    border-radius:20%;</p><p>    </p><p>}</p><p>h1{</p><p>    box-shadow:2px 3px 0px lime;</p><p>    </p><p>    border-left:1px solid none ;</p><p>    border-radius:50%;</p><p>    width:90px;</p><p>    padding-left:20px;</p><p>    color:red</p><p>    </p><p>}</p><p>span{</p><p>    color:skyblue;</p><p>    text-transform:uppercase ;</p><p>}</p><p></p><p>legend,fieldset</p><p>{</p><p>    border-bottom:2px solid fuchsia;</p><p>    border-top:2px solid  aqua;</p><p>    </p><p>    border-left:2px solid lawngreen;</p><p>    border-right:2px solid red;</p><p>    color:yellow;</p><p>    </p><p>}</p><p>.conic{</p><p>background-image:linear-gradient(125deg,red,yellow,aqua,lime);</p><p>height:10px;</p><p>border-radius:20%;</p><p>}</p><p>strong{color:lime;}</p><p>p{color:purple;}</p><p>section{color:yellowgreen;</p><p>text-align:right ;</p><p>}</p><p>.bottom </p><p>{</p><p>    border-bottom:1px solid  lime;</p><p>    border-radius:6%;</p><p>     border-top:1px solid  violet;</p><p>}</p><p>            </p><p>        &lt;/style&gt;</p><p>    &lt;/head&gt;</p><p>    &lt;body&gt;</p><p>       &lt;fieldset&gt;</p><p>           </p><p>       &lt;legend style="font-size:30px;"&gt;</p><p>           </p><p>       &lt;marquee position="alternate" direction="right"&gt;</p><p>       BR&lt;strong&gt;AIN&lt;/strong&gt;&lt;strong style="color:hotpink"&gt;LY&lt;/strong&gt;&lt;/marquee&gt;</p><p>           </p><p>       &lt;/legend&gt;&lt;br&gt;</p><p>           &lt;div class="content"&gt;</p><p>               &lt;div class="top_2"&gt;</p><p>                   </p><p>              &lt;h1&gt;Mr.Raftaar&lt;/h1&gt;</p><p>                  &lt;p&gt;Mr.Raftaar&lt;/p&gt;</p><p>              &lt;/div&gt;</p><p>           &lt;/div&gt;&lt;br&gt;</p><p>           &lt;div class="conic"&gt;&lt;/div&gt;</p><p>           &lt;br&gt;</p><p>           &lt;h1 style="color:orange"&gt;Topic&lt;/h1&gt;</p><p>           &lt;div class="bottom"&gt;</p><p>               &lt;p&gt;</p><p>                   Connecting DHT11/DHT22/AM2302 sensor to ESP8266 NodeMCU is fairly simple. Start by placing the NodeMCU on to your breadboard, ensuring each side of the board is on a separate side of the breadboard.  &lt;strong class="RJ"&gt;&gt;&gt;&gt;&lt;/strong&gt; Now place the sensor on to your breadboard besides NodeMCU. &lt;strong class="brainlyAnswer"&gt;Maniz &lt;/strong&gt; Connect VCC pin on the sensor to the 3.3V pin on the NodeMCU and ground to ground.</p><p>               &lt;/p&gt;</p><p>           &lt;/div&gt;</p><p>           &lt;br&gt;</p><p>           </p><p>      &lt;div class="conic"&gt;&lt;/div&gt;    </p><p>           </p><p>           &lt;section&gt;created with love&lt;br&gt;GOD BLESS u all &lt;br&gt; Hope it helps uh &lt;br&gt; Created by &lt;span&gt;Mr.Raftaar&lt;/span&gt;&lt;/section&gt;</p><p>       &lt;/fieldset&gt; </p><p>    &lt;/body&gt;</p><p>&lt;/html&gt;

Answered by Rudranil420
4

\huge\purple\star\underline\mathfrak\pink{</em></strong><strong><em>ANS</em></strong><strong><em>WER</em></strong><strong><em> :-}\purple\star

Connecting DHT11/DHT22/AM2302 sensor to ESP8266 NodeMCU is fairly simple. Start by placing the NodeMCU on to your breadboard, ensuring each side of the board is on a separate side of the breadboard. >>> Now place the sensor on to your breadboard besides NodeMCU. Maniz Connect VCC pin on the sensor to the 3.3V pin on the NodeMCU and ground to ground.

Explanation:

&lt;!DOCTYPE html&gt;</p><p></p><p> &lt;html lang="en"&gt;</p><p></p><p> &lt;head&gt;</p><p></p><p> &lt;title&gt;CUBE&lt;/title&gt;</p><p></p><p> &lt;/head&gt;</p><p></p><p> &lt;body&gt;</p><p></p><p> &lt;div class="container"&gt;</p><p></p><p> &lt;div id="cube"&gt;</p><p></p><p> &lt;div class="front"&gt;1&lt;/div&gt;</p><p></p><p> &lt;div class="back"&gt;2&lt;/div&gt;</p><p></p><p> &lt;div class="right"&gt;3&lt;/div&gt;</p><p></p><p> &lt;div class="left"&gt;4&lt;/div&gt;</p><p></p><p> &lt;div class="top"&gt;5&lt;/div&gt;</p><p></p><p> &lt;div class="bottom"&gt;6&lt;/div&gt;</p><p></p><p> &lt;/div&gt;</p><p></p><p> &lt;/div&gt;</p><p></p><p> &lt;style&gt;</p><p></p><p> body {</p><p></p><p> padding-left: 30%;</p><p></p><p> padding-top: 5%;</p><p></p><p> }</p><p></p><p> .container {</p><p></p><p> width: 200px;</p><p></p><p> height: 200px;</p><p></p><p> position: relative;</p><p></p><p> -webkit-perspective: 1000px;</p><p></p><p> -moz-perspective: 1000px;</p><p></p><p> }</p><p></p><p> #cube {</p><p></p><p> width: 100%;</p><p></p><p> height: 100%;</p><p></p><p> position: absolute;</p><p></p><p> -webkit-transform-style: preserve-3d;</p><p></p><p> -webkit-animation: rotatecube 10s infinite;</p><p></p><p> -moz-transform-style: preserve-3d;</p><p></p><p> -moz-animation: rotatecube 10s infinite;</p><p></p><p> }</p><p></p><p> #cube div {</p><p></p><p> width: 200px;</p><p></p><p> height: 200px;</p><p></p><p> display: block;</p><p></p><p> position: absolute;</p><p></p><p> border: none;</p><p></p><p> line-height: 200px;</p><p></p><p> text-align: center;</p><p></p><p> font-size: 50px;</p><p></p><p> font-weight: bold;</p><p></p><p> }</p><p></p><p> @-webkit-keyframes rotatecube {</p><p></p><p> 0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p> 25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p> 50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p> 75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p> 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p> }</p><p></p><p> @-moz-keyframes rotatecube {</p><p></p><p> 0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p> 25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p> 50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p> 75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p> 100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p> }</p><p></p><p> .front {</p><p></p><p> background: rgba(255,0,0,.5);</p><p></p><p> }</p><p></p><p> .back {</p><p></p><p> background: rgba(0,255,0,.5);</p><p></p><p> }</p><p></p><p> .right {</p><p></p><p> background: rgba(0,0,255,.5);</p><p></p><p> }</p><p></p><p> .left {</p><p></p><p> background: rgba(0,255,255,.5);</p><p></p><p> }</p><p></p><p> .top {</p><p></p><p> background: rgba(255,0,255,.5);</p><p></p><p> }</p><p></p><p> .bottom {</p><p></p><p> background: rgba(255,255,0,.5);</p><p></p><p> }</p><p></p><p> #cube .front {</p><p></p><p> -webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p></p><p> -moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p></p><p> }</p><p></p><p> #cube .back {</p><p></p><p> -webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p> -moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p> }</p><p></p><p> #cube .right {</p><p></p><p> -webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p> -moz-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p> }</p><p></p><p> #cube .left {</p><p></p><p> -webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p> -moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p> }</p><p></p><p> #cube .top {</p><p></p><p> -webkit-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p> -moz-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p> }</p><p></p><p> #cube .bottom {</p><p></p><p> -webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p> -moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p> }</p><p></p><p> &lt;/style&gt;</p><p></p><p> &lt;/body&gt;</p><p></p><p> &lt;/html&gt;

HOPE IT HELP YOU ✌✌

Similar questions