TCS - Fresco Play - HTML 5 Hands On Answers

 

TCS - Fresco Play - HTML 5 Hands On Answers

---------------------------------------------------------

How to build simple calculator using HTML5 , FRESCO PLAY PERFECT ANSWERS:

<!DOCTYPE&nbsphtml>

<head>

    <title>calculator</title>

    <link rel="stylesheet" type="text/css" href="style.css">

</head>

<h1>Calculator</h1>

<body>

 <div class="calculator">

      <input  type="button" class="operator" value="+" onclick="calculator.display.value += ' + '">

<input  type="button" class="operator" value="-" onclick="calculator.display.value += ' - '">

<input  type="button" class="operator" value="*" onclick="calculator.display.value += ' * '">

<input  type="button" class="operator" value="/" onclick="calculator.display.value += ' / '">
<input  type="button" value="7" onclick="calculator.display.value += '7'">
<input  type="button" value="8" onclick="calculator.display.value += '8'">
<input  type="button" value="9" onclick="calculator.display.value += '9'">
<input  type="button" value="4" onclick="calculator.display.value += '4'">
<input  type="button" value="5" onclick="calculator.display.value += '5'">
<input  type="button" value="6" onclick="calculator.display.value += '6'">
<input  type="button" value="1" onclick="calculator.display.value += '1'">
<input  type="button" value="2" onclick="calculator.display.value += '2'">
<input  type="button" value="3" onclick="calculator.display.value += '3'">
<input  type="button" value="0" onclick="calculator.display.value += '0'">

<input  type="button" class="all-clear" value="AC" onclick="calculator.display.value = ''">
<input  type="button" class="decimal" value="." onclick="calculator.display.value += ' . '">
<input  type="button" class="equal-sign operator" value="=" onclick="calculator.display.value = eval(calculator.display.value)">

</body>

</html>

 

 

from&nbspbs4 import&nbspBeautifulSoup

import&nbsppytest

import&nbsppickle

import&nbsprequests

 

class TestWebpage:

    # @pytest.fixture(autouse=True)

    def get_soup(self):

       &nbspindex_page =&nbsprequests.get("http://localhost:8000/index.html")

       &nbspsoup =&nbspBeautifulSoup(index_page.content, 'html.parser')

        return&nbspsoup

        

    def test_header(self):

       &nbspsoup = self.get_soup()

        assert&nbspsoup.h1.string =='Calculator'

 

    def test_screen(self):

       &nbspsoup = self.get_soup()

        assert&nbspsoup.find_all('input', {'type': 'text'}, {'class': 'calculator-screen'})

 

    def test_operation(self):

       &nbspsoup = self.get_soup()

        assert len(soup.find_all('button', {'type': 'button'})) >16

        assert len(soup.find_all('button',{'type': 'button'}, {'class': 'operator'})) > 3

        assert&nbspsoup.find('button',{'value': '+'})

        assert&nbspsoup.find('button',{'value': '-'})

        assert&nbspsoup.find('button',{'value': '*'})

        assert&nbspsoup.find('button',{'value': '/'})

 

    def test_num(self):

       &nbspsoup = self.get_soup()

        assert&nbspsoup.find('button',{'value': '0'})

        assert&nbspsoup.find('button',{'value': '1'})

        assert&nbspsoup.find('button',{'value': '2'})

        assert&nbspsoup.find('button',{'value': '3'})

        assert&nbspsoup.find('button',{'value': '4'})

        assert&nbspsoup.find('button',{'value': '5'})

        assert&nbspsoup.find('button',{'value': '6'})

        assert&nbspsoup.find('button',{'value': '7'})

        assert&nbspsoup.find('button',{'value': '8'})

        assert&nbspsoup.find('button',{'value': '9'})

        assert&nbspsoup.find('button',{'class':'decimal'},{'value': '.'})

        assert&nbspsoup.find('button',{'class':'all-clear'},{'value': 'all-clear'})

        assert&nbspsoup.find('button',{'class':'equal-sign&nbspoperator'},{'value': '='})

 

 

 ---------------------------------------------------------